Google 地图 API v3 在复选框单击时隐藏和显示圆圈

Question

我会 hide/show 在 gmaps 上画一个圆圈，点击复选框。

地图是在文档准备就绪时创建的。我的代码添加了圆圈，但没有 remove/hide。在新复选框上单击它创建一个新圈子，而不是删除旧圈子。

我想这是一个范围问题，有人可以帮我吗？

提前致谢

这是我的代码

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


    }

});

Google 地图 API v3 在复选框单击时隐藏和显示圆圈

Google Maps API v3 Hiding and showing a circle on checkbox click

jquery-gmap3