Google지도 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" 
     } 
    }); 


    } 

});