Google Maps API v3在復選框點擊時隱藏並顯示一個圓圈

Question

我會隱藏/在gmaps上顯示一個圓圈，點擊復選框。

在准備好文檔時創建地圖。 我的代碼添加了圓圈，但沒有刪除/隱藏。 在新復選框上單擊它會創建一個新圓圈，而不是刪除舊圓圈。

我想這是一個范圍問題，任何人都可以幫助我嗎？

提前致謝

這是我的代碼

$（“＃key_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

已經解決了，錯誤在於確定范圍。

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


    }

});