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

【问题标题】：Google Maps - polygon edit - mark vertex谷歌地图 - 多边形编辑 - 标记顶点
【发布时间】：2016-02-11 05:33:19
【问题描述】：

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

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 中添加自定义标记，但我希望它是一些简单的解决方案。

【问题讨论】：

你说的 - 我不认为有一个简单的解决方案，我认为你需要在该顶点的 LatLng 上添加自己的标记
相关问题：Google Maps V3 Polyline : make it editable without center point(s)

标签： javascript html google-maps google-maps-api-3

【解决方案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>

【讨论】：