Google maps 如何获取修改后的drawingManager形状的点坐标?谷歌地图API v3
我有一个DrawingManager对象:Google maps 如何获取修改后的drawingManager形状的点坐标?谷歌地图API v3,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,我有一个DrawingManager对象: drawingManager = new google.maps.drawing.DrawingManager({ drawingMode: google.maps.drawing.OverlayType.POLYGON, markerOptions: { draggable: true }, polylineOptions: { editable: true
drawingManager = new google.maps.drawing.DrawingManager({
drawingMode: google.maps.drawing.OverlayType.POLYGON,
markerOptions: {
draggable: true
},
polylineOptions: {
editable: true
},
polygonOptions: polyOptions,
map: map
});
当一个多边形完成时,我得到它们的坐标:
google.maps.event.addListener(drawingManager, 'polygoncomplete', function (polygon) {
var coordinates = (polygon.getPath().getArray());
console.log(coordinates);
});
但是,如果我使用DrawingManager更改多边形,显然形状会更改,可能会添加更多点。
那么,在修改多边形后,例如单击按钮以完成编辑后,我如何使用它们的坐标获取所有点??提前谢谢。好的,在我的第二个代码中有答案:
var coordinates = (polygon.getPath().getArray());
最后,我通过添加一个侦听器来调用获取该数组的函数,从而获得了最后一个带有坐标的数组,并调用了该代码:
JS
HTML
坐标
然后,当现在点击按钮时,我得到坐标
无论如何谢谢好吧,显然我需要实现一个按钮来完成形状编辑,当我点击它时,我应该会得到数据…当我现在尝试这个时,真实坐标数组的数组将是unter
坐标[0]。j
。
function getCoordinates() {
console.log(polygon.getPath().getArray());
}
google.maps.event.addDomListener(document.getElementById('CoordsButton'), 'click', getCoordinates);
<button id="CoordsButton">Coordinates</button>