圆圈绑定标记 - 需要:重新调整大小,但不可拖动

时间:2013-03-21 20:18:43

标签: google-maps google-maps-markers

希望一个简单的...

我的地图上有myMarkers []的集合。我可以成功地将Circle绑定到当前/单击的标记。使用“editable:true”,圆圈可以根据需要重新调整大小,但是当拖动圆圈时,它也会拖延我的制造者的位置(好吧,呃,它与标记绑定) - 而不是所需的功能。

问题:

  1. 设置“editable:true”和“draggable:false” - 仍然可以拖动。这样的组合可能吗?

  2. 我可以使用可拖动的圆圈,如果我可以从当前标记中取消它,这将是理想的。这可能吗?也许在与当前标记相同的位置创建一个虚拟标记,然后绑定到THAT? (不可见的图标,或当前标记后面)。

  3. 有什么建议吗?

1 个答案:

答案 0 :(得分:2)

使用虚拟标记变得非常容易!

  function addCircle() {

      center: new google.maps.LatLng(mapMarkers[currentMarker])
      postion: new google.maps.LatLng(mapMarkers[currentMarker])
      myPosition = mapMarkers[currentMarker].getPosition();
      map.panTo(myPosition);
      map.setZoom(9);

      circle = new google.maps.Circle({
           map: map,
           editable: true,
           fillColor: '#ffffff',
           fillOpacity: 0.3,
           strokeColor: '#ff0000',
           strokeOpacity: 1.0,
           strokeWeight: 1.5,
           radius: 80467.2         // 50 MILES in meters
      });

      var dummyMarker = new google.maps.Marker({
          position: myPosition,
          visible: false,
          map: map,
      });

      circle.bindTo('center', dummyMarker, 'position');

   }