javascript - Google Maps API 3 - 绑定(bind)后删除圆圈

Question

我这辈子都想不通为什么 setMap(null) 不起作用。我真的很不高兴有多少关于使用 bindTo 添加覆盖的文档，但没有一个关于如何删除它的词。我做错了什么？

我在点击 .radius_type 时创建圆。然后，当我将下拉菜单切换为不同的形状时，它不会删除圆圈。

我这样调用 map :

var map = new google.maps.Map(document.getElementById('map'), {...}

// this toggles the shapes, but I can't get it to remove the circle for the marker
$('.radius_type.selectee').click(function(){
      var shape = $(this).find('span').html();
      var opts= {...};

    switch(shape){
        case 'circle':  // Here is the added circle to the second marker.
            var circle = new google.maps.Circle(opts);
            circle.setOptions({radius:17063,map:map});
            circle.bindTo('center',markers[1],'position');

            // It binds, now how to remove it?

            break;

        case 'square':
            //tried - circle.setMap(null);
            //tried - map.setMap(null);
            //tried - google.map.event.setMap(null);
            //tried - every web page on the topic.
            //
            // I don't understand how to unbind the circle from the marker.
            var rect = new google.maps.rect(opts);

            break;

        case 'draw':
            draw.setDrawingMode(google.maps.drawing.OverlayType.POLYGON);
            break;
    }
});

Answer 1

使用 $('element').on('change',function()) 移除圆圈