5

我正在尝试编写一个简单的捕捉功能来在 Google Maps v3.9 中编辑多边形

我在地图上有几个多边形，可以一次编辑一个。当一个可编辑的，我还添加一个监听器，当一个顶点被拖动时触发。

由于没有拖动事件google.maps.Polygon，我添加了一个mousedown侦听器，它检查顶点是否在光标下方，如果是，则添加一个mouseup侦听器。此mouseup侦听器中的代码检查所有其他多边形的顶点，如果找到接近匹配，则更新拖动顶点。

这很好用，除了一个问题。使用侦听器返回的latLng属性执行检查。该属性指向顶点在被拖动之前的位置，我找不到在新位置引用顶点的方法。PolyMouseEventmouseup

dragListener = google.maps.event.addListener( poly1, "mousedown", function( dragData ) {

    // if dragging a vertex
    if ( dragData.vertex != null ) {

        // perform snap on mouseup
        snapListener = google.maps.event.addListener( poly1, "mouseup", function( mouseData ) {
            var editingVertex = mouseData.vertex;
            var draggedLatLng = mouseData.latLng;

            // code here to compare draggedLatLng with latLng of editingVertex
            // and perform snap, which seems to work fine as is...
        }
    }
}
4

1 回答 1

4

多边形是路径的集合，路径是LatLng对象的MVCArrays，因此我们可以在多边形中的每个路径上监听事件，它会告诉我们何时移动了一个点。set_at

poly1.getPaths().forEach(function(path, index){
  google.maps.event.addListener(path, 'set_at', function(index, oldLatLng){
    var newLatLng = path.getAt(index);
    // Now you have both the old and new position
  });
});

如果您知道您的多边形永远不会超过一条路径（内环），那么您可以这样做：

google.maps.event.addListener(poly1.getPath(), 'set_at', function(index, oldLatLng){
  var newLatLng = path.getAt(index);
});

尽管我推荐第一个，因为您永远不知道具有多条路径的多边形何时会以某种方式潜入。

于 2014-01-24T16:52:20.280 回答