Javascript 谷歌地图-多边形编辑-标记顶点
是否可以在可编辑多边形中标记(更改颜色/大小等)顶点Javascript 谷歌地图-多边形编辑-标记顶点,javascript,html,google-maps,google-maps-api-3,Javascript,Html,Google Maps,Google Maps Api 3,是否可以在可编辑多边形中标记(更改颜色/大小等)顶点 var polygon = new google.maps.Polygon({ map:_map, path:path, editable:true, draggable:true, fillColor: '#428FDE', fillOpacity:0.4, strokeCo
var polygon = new google.maps.Polygon({
map:_map,
path:path,
editable:true,
draggable:true,
fillColor: '#428FDE',
fillOpacity:0.4,
strokeColor:'#428FDE',
strokeWeight:1
});
例如,当我悬停divs(1、2、3或4)时,我想标记多边形中的顶点
我可以在顶点LatLng中添加自定义标记,但我希望这是一个简单的解决方案。似乎没有任何方法可以调整顶点的样式,它们似乎继承了多段线的样式 你能做的就是在那一点上加一个标记。比如:
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>
var path=polyline.getPath();
var点;
$('div')。在('hover',function()上{
var vertex=$(this).data('vertex');
point=新的google.maps.Marker({
位置:路径[顶点-1]
地图:地图
});
});
1.
2.
3.
4.
你所说的-我认为没有简单的解决方案,我认为你需要在顶点的LatlnGregate问题上添加自己的标记: