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

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

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

您可以做的是在那个点上添加一个标记。像这样的东西:

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>