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


    }

});