Google Maps API v3チェックボックスでサークルを非表示にして表示するをクリック

Question

チェックボックスをオンにすると、gmapsにサークルを表示/非表示にします。

マップはドキュメントの準備ができて作成されます。 自分のコードはサークルを追加しますが、削除/非表示はしません。新しいチェックボックスでそれをクリックしてください。 新しいサークルが作成され、古いサークルは削除されません。

私はそれが範囲の質問だと思います、誰かが私を助けることができますか？仮定として事前に

おかげで

これは私のコード

$（ "#ck_radar"）.click（関数（）{

 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

が解決され、間違いは、スコープにありました。

$("#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" 
     } 
    }); 


    } 

});