javascript - 如何检测可编辑多边形何时被修改？

Question

如何检测可编辑多边形何时被修改(移动点、添加点、删除点)或拖动？ Google Maps API 文档仅列出鼠标 events for Polygons .

Answer 1

Polygons由路径组成，这些路径只是 MVCArrays (在这种情况下，它们是 LatLng 对象的列表)。 MVCArrays 有三个事件:insert_at、remove_at 和 set_at。我们可以使用这些事件来检测多边形点的变化。

还有drag events for polygons :dragstart、drag 和 dragend。如果您想知道刚刚拖动了一个形状，最好听取 dragend。

总而言之，我们可以检测多边形的任何变化:

// Loop through all paths in the polygon and add listeners
// to them. If we just used `getPath()` then we wouldn't 
// detect all changes to shapes like donuts.
polygon.getPaths().forEach(function(path, index){

  google.maps.event.addListener(path, 'insert_at', function(){
    // New point
  });

  google.maps.event.addListener(path, 'remove_at', function(){
    // Point was removed
  });

  google.maps.event.addListener(path, 'set_at', function(){
    // Point was moved
  });

});

google.maps.event.addListener(polygon, 'dragend', function(){
  // Polygon was dragged
});