Question

如何使用insert_at，remove_at＆amp;多边形的set_at事件。

有人可以提供一些关于如何使用它们的示例以及什么是事件参数。

我现在要做的是当用户绘制多边形，然后双击多边形的节点时，我希望从多边形中删除节点。

可以吗？

Answer 1

如果您的多边形是可编辑的，则可以向多边形添加事件侦听器，然后单击或右键单击。例如：

poly = new google.maps.Polygon({
  editable: true
});
poly.setMap(map);
google.maps.event.addListener(poly, 'rightclick', function(event) {
  if (event.vertex == undefined) {
    return;
  } else {
    removeVertex(event.vertex);
  }
});

上面的代码将创建一个多边形并附加一个事件监听器，该监听器捕获多边形顶点（节点）上的右键，然后调用removeVertex函数。

function removeVertex(vertex) {
  var path = poly.getPath();
  path.removeAt(vertex);
}

类似的解决方案也可以应用于折线。

Answer 2

这里有2个可能有用的链接：

对于活动： https://developers.google.com/maps/documentation/javascript/events

您要求的活动： https://developers.google.com/maps/documentation/javascript/overlays#PolygonArrays

我刚刚使用了remove_at事件。以下是我如何使用它：

google.maps.event.addListener(this, 'click', function(event) {                   
        path = this.getPath();
        for(i=0;i<path.length;i++){
            if( event.latLng == path.getAt(i)){
                 path.removeAt(i);
            }
        }
 });

确保在多边形实际路径上使用它们，而不是多边形对象。

如何删除多边形坐标/顶点/节点（Google Maps V3）

2 个答案: