Question

我目前正在使用Google Maps API v3.13。我的编码虽然停止了，文档对我不再有帮助。

我所做的是我已经实现了DrawingLibrary，我可以在地图上绘制形状。完成绘制后我想做的是获取绘制的形状的边界框/角（我只激活了折线和矩形）。

然后我想用这个区域看看是否有任何标记，然后让它们“有弹性”或类似的东西。所以我的问题是，我如何获得用户绘制的区域？这个数据的格式是什么？每个角落的坐标？我是否必须将DrawingLibrary的功能与GeometryLibrary结合起来才能做到这一点？

我检查过这些文档，但仍无法找到解决方案。 https://developers.google.com/maps/documentation/javascript/geometry https://developers.google.com/maps/documentation/javascript/drawing

这是我到目前为止所做的：

function bindOverlayFinishedEvents() {
google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {
    if (event.type == google.maps.drawing.OverlayType.POLYGON) {
        //bounds = event.overlay.getBounds();
    }
    else if (event.type == google.maps.drawing.OverlayType.RECTANGLE) {
        //bounds = event.overlay.getBounds();
    }
});

}

非常感谢任何帮助！

Answer 1

由于您的目标是确定标记是否位于某个区域内，以下示例演示了如何根据形状类型完成标记：

for circle：circle.getBounds().contains(latLng) && google.maps.geometry.spherical.computeDistanceBetween(circle.getCenter(), latLng) <= circle.getRadius()
表示矩形：rectangle.getBounds().contains(latLng)
for polygon：google.maps.geometry.poly.containsLocation(latLng,polygon)

包装函数，用于确定点是否位于形状内：

//wrapper for contains function 
var shapeContains = function (shape, latLng) {
    if (shape instanceof google.maps.Circle)
        return shape.getBounds().contains(latLng) && google.maps.geometry.spherical.computeDistanceBetween(shape.getCenter(), latLng) <= shape.getRadius();
    else if (shape instanceof google.maps.Rectangle)
        return shape.getBounds().contains(latLng);
    else if(shape instanceof google.maps.Polygon)
        return google.maps.geometry.poly.containsLocation(latLng, shape);
    else 
        throw new Error("contains is not supported for this type of shape");
}

Codepen (demo)

Google Maps API v3：获取绘制形状的几何图形

1 个答案: