Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图-多边形编辑-标记顶点_Javascript_Html_Google Maps_Google Maps Api 3 - Fatal编程技术网

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问题上添加自己的标记: