javascript - 点击市场时显示/隐藏圆圈

Question

在问这个问题之前，我已经进行了网络搜索。

当我双击具有此功能的标记时，我正在绘制一个圆圈:

  function drawRadius(marker, map){
      google.maps.event.addListener(marker, "dblclick", function () {
           circle = new google.maps.Circle({
            map: map,
            fillColor : '#3333FF',
            fillOpacity : 0.5,
            radius : 10000,
            strokeColor : '#BBD8E9',
            strokeOpacity : 0.9,
            strokeWeight : 2
          });
          circle.bindTo('center', marker, 'position');
      });       
  }

这是完整的代码:http://jsfiddle.net/rjhzq/1/

问题是我想在双击标记时显示或隐藏圆圈。

我已经试过了if (circle!=null){circle.setMap(null);}

但问题是我在创建标记后立即调用函数 drawCircle。

谢谢你的帮助

Answer 1

您可以只向您的标记添加一个变量，以保留对添加到其中的 circle 的引用。
像这样的东西:

// If your marker has a circle, remove it and remove the reference to it.
if (marker.circle) {
    marker.circle.setMap(null);
    marker.circle = null;
    return;
}
circle = new google.maps.Circle({
    map: map,
    fillColor: '#3333FF',
    fillOpacity: 0.5,
    radius: 10000,
    strokeColor: '#BBD8E9',
    strokeOpacity: 0.9,
    strokeWeight: 2
});
circle.bindTo('center', marker, 'position');
marker.circle = circle; // Add circle to marker as reference

Fiddle