在谷歌地图api 3中的多边形角上设置图标

Question

我有一个可编辑的多边形，所以当我开始编辑它时，它会显示一个小图标 下图为箭头图标（用于撤消更改）。

所以我想自己添加另一个图标，这样用户可以通过点击删除该多边形。那么在那里添加图标吗？

更新 这是我到目前为止所做的 Link 现在我只想在多边形完成事件触发时添加图标。

Answer 1

因此，当多边形完成时，您已经获得了事件监听器。

您可以做的是在多边形的中间添加一个标记，其自定义图标看起来与“撤消”相似或相同。谷歌正在使用的图标。

google.maps.event.addListener(drawingManager, 'polygoncomplete', function(polygon) {
    drawingManager.setDrawingMode(google.maps.drawing.OverlayType.FALSE);

    // find out the paths of this polygon
    var path = polygon.getPath();

    var bounds = new google.maps.LatLngBounds();

    for (var i = 0; i < path.length; i++) {
        bounds.extend(path.getAt(i));
    }

    var centre = bounds.getCenter();

    // add a marker here:
    var marker = new google.maps.Marker({
        position: centre,
        map: map,
        icon: 'https://google-developers.appspot.com/maps/documentation/javascript/examples/full/images/beachflag.png'
    });
});