谷歌地图 - 多边形编辑 - 标记顶点

Question

是否可以在可编辑的多边形中标记（更改颜色/大小等）顶点？

var polygon = new google.maps.Polygon({
            map:_map,
            path:path,
            editable:true,
            draggable:true,
            fillColor: '#428FDE',
            fillOpacity:0.4,
            strokeColor:'#428FDE',
            strokeWeight:1
        });

例如，当我悬停div（1,2,3或4）时，我想在多边形中标记顶点。

我可以在顶点LatLng中添加自定义标记，但我希望它只是解决方案。

Answer 1

似乎没有任何方法可以调整顶点的样式，它们似乎继承了Polyline的样式。

您可以做的是在该点上添加标记。类似的东西：

var path = polyline.getPath();
var point;

$('div').on('hover', function() {
    var vertex = $(this).data('vertex');

    point = new google.maps.Marker({
        position: path[vertex-1]
        map: map
    });
});

<div data-vertex="1">1</div>
<div data-vertex="2">2</div>
<div data-vertex="3">3</div>
<div data-vertex="4">4</div>