google-maps-api-3 - 获取圆心坐标

标签 google-maps-api-3 google-maps-markers

我有下一个获取多边形坐标的代码,但我想在绘制圆时获取中心坐标。

有人知道如何实现吗?

最好的问候,并希望有人对此有所了解。

function draw() { 
 if (drawingManager <= 0) then 

var drawingManager = new google.maps.drawing.DrawingManager({
  drawingMode: google.maps.drawing.OverlayType.POLYGON,
  drawingControl: true,
  drawingControlOptions: {
    position: google.maps.ControlPosition.TOP_CENTER,
    drawingModes: [
      google.maps.drawing.OverlayType.MARKER,
     google.maps.drawing.OverlayType.CIRCLE,
      google.maps.drawing.OverlayType.POLYGON,
     google.maps.drawing.OverlayType.POLYLINE,
     google.maps.drawing.OverlayType.RECTANGLE
    ]
  },
  markerOptions: {
    icon: 'images/beachflag.png'
  },
  polygonOptions: {
    fillColor: '#1E90FF',
    fillOpacity: 0.4,
    strokeWeight: 2,
    clickable: true,
    editable: true,
    zIndex: 1
  }
});


var coord_listener = google.maps.event.addListener(drawingManager, 'polygoncomplete', function (polygon) {
var coordinates = (polygon.getPath().getArray());


alert(coordinates);
PassPolygonToField(coordinates);
window.poly = polygon;
});



drawingManager.setMap(map);


} 

function PassPolygonToField(coordinates) {
//here I pass the coords to the form field and then I insert the form into a mysql database.
document.getElementById('myField').value = (coordinates);

}

最佳答案

在 coord_listener 之后添加这段代码:

google.maps.event.addListener(drawingManager, 'circlecomplete', function(circle) {
  alert(circle.getCenter());
});

关于google-maps-api-3 - 获取圆心坐标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13976811/

相关文章:

google-maps - Google Maps API v3 map 未完全加载

ios - 从谷歌地图网络到 iOS 应用的自定义路线的可点击链接

google-maps - 如何使用谷歌地图查询字符串放置标记

flutter - 如何使用 google_maps_flutter 在标记内创建文本?

google-maps - 在 Google Maps API v3 中计算折线(路线)和标记之间的距离

javascript - 删除多个圈子google maps api

javascript - 如何隐藏标记簇内标记上的信息窗口

google-maps - 如何在使用 google map api 时显示多边形标题

javascript - Google map api v3, "Object #<Object> has no method ' setValues“错误

javascript - 在 React 组件中使用谷歌地图