javascript - 从谷歌地图获取多边形

Question

我有一个包含一堆多边形的 kml 文件。我设法创建一个谷歌地图并按照文档加载此 kml。

(function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 11,
          center: {lat: 41.876, lng: -87.624}
        });

        var ctaLayer = new google.maps.KmlLayer({
          url: 'http://myurl.dev/polygons.kml',
          map: map
        });

})();     

现在，我想从该 kml 中检索所有多边形，以便询问某个点(纬度、经度)是否在其中一些多边形内。

google.maps.geometry.poly.containsLocation(point, OnePolygonFromMyMap);

问题是我没有找到任何文档来获取 map 包含的所有形状。这可能吗？

Answer 1

当使用 KmlLayer 放置多边形时，您无法访问 map 上的多边形，google.maps.KmlLayer使用基于图 block 的渲染，除非单击，否则您无法(至少目前)访问多边形的坐标。

但请注意，将多边形渲染为 native google.maps.Polygon 对象(如第三方库所做的那样)可能会降低性能，尤其是在您的 KML 很复杂的情况下。

您可以使用第三方 KML 解析器，例如 geoxml3或geoxml-v3将多边形渲染为原生 google.maps.Polygon 对象，并获取它们的中心。这将在复杂的 KML 中产生性能问题。

example using geoxml3