Google Maps API v3 Verstecken und zeigen einen Kreis auf Kontrollkästchen klicken

Question

Ich würde einen Kreis auf Gmaps verstecken/anzeigen, auf Kontrollkästchen klicken.

Karte wird am Dokument bereit erstellt. Mein Code fügt den Kreis hinzu, aber entfernt/versteckt nicht. Auf neue Checkbox klicken Sie es erstellt einen neuen Kreis, nicht den alten entfernen.

Ich nehme an, es ist eine Bereich Frage, könnte mir jemand helfen?

Dank im Voraus

dies mein Code

$ ("#ck_radar") .click (function() {

 var markerOptions = { 
       title: "Tu sei qui", 
       icon: "http://maps.google.com/mapfiles/marker_green.png", 
       position: {lat: 38.132687, lng: 13.321929}, 
       map: $("#bigmap").gmap3("get") 
       } 

       var marker = new google.maps.Marker(markerOptions); 

        circle = new google.maps.Circle({ 
        strokeColor: "#FF0000", 
        strokeOpacity: 0.8, 
        strokeWeight: 2, 
        fillColor: "#FFFFF", 
        fillOpacity: 0.35, 
        map: $("#bigmap").gmap3("get"), 
        radius: 500, 
        tag:"acircle", 
        id:"circ" 
       }); 


     if($(this).is(':checked')){   

       circle.bindTo('center', marker, 'position'); 
       alert(circle.radius); 


     }else{ 

     $('#bigmap').gmap3({ 
      clear: { 
       id:"circ" 
      } 
     }); 


     } 

    }); 

Answer 1

aufgelöst, war der Fehler in Scoping, wie angenommen

$("#ck_radar").click(function() { 


    if($(this).is(':checked')){   

var markerOptions = { 
      title: "Tu sei qui", 
      icon: "http://maps.google.com/mapfiles/marker_green.png", 
      position: {lat: 38.132687, lng: 13.321929}, 
      map: $("#bigmap").gmap3("get") 
      } 

      var marker = new google.maps.Marker(markerOptions); 

       circle = new google.maps.Circle({ 
       strokeColor: "#FF0000", 
       strokeOpacity: 0.8, 
       strokeWeight: 2, 
       fillColor: "#FFFFF", 
       fillOpacity: 0.35, 
       map: $("#bigmap").gmap3("get"), 
       radius: 500, 
       tag:"acircle", 
       id:"circ" 
      }); 
      circle.bindTo('center', marker, 'position'); 



    }else{ 

    $('#bigmap').gmap3({ 
     clear: { 
      id:"circ" 
     } 
    }); 


    } 

});