javascript - Google Maps v3 - 删除多边形上的顶点

Question

Google map 有绘图库来绘制多段线和多边形以及其他东西。

此功能的示例在这里:http://gmaps-samples-v3.googlecode.com/svn-history/r282/trunk/drawing/drawing-tools.html

我希望在绘制和编辑多边形时能够删除路径上的一个点/顶点。 API 文档似乎没有任何暗示。

Answer 1

Google map 现在为从多边形或折线触发的事件提供一个“PolyMouseEvent”回调对象。

要基于建议涉及右键单击的解决方案的其他答案，您需要做的就是在最新版本的 V3 API 中执行以下操作:

// this assumes `my_poly` is an normal google.maps.Polygon or Polyline
var deleteNode = function(mev) {
  if (mev.vertex != null) {
    my_poly.getPath().removeAt(mev.vertex);
  }
}
google.maps.event.addListener(my_poly, 'rightclick', deleteNode);

您会注意到，不再需要任何关于我们是否接近该点的复杂计算，因为 Google Maps API 现在会告诉我们我们点击了哪个顶点。

注意:这仅在折线/多边形处于编辑模式时有效。(此时您可能想要删除的顶点可见。)

作为最后的想法，您可以考虑改用单击或双击事件。 “点击”非常智能，不会在拖动时触发，但使用单次点击触发可能仍会让您的一些用户感到惊讶。