将 PolyLabel 与 GeoJSON 数据和 Google 地图一起使用答案

【问题标题】：Using PolyLabel with GeoJSON data and Google Maps将 PolyLabel 与 GeoJSON 数据和 Google 地图一起使用
【发布时间】：2022-06-16 04:08:54
【问题描述】：

我正在尝试使用带有 GeoJSON 数据的 PolyLabel 库和 Google Maps API 来为不规则多边形生成适当放置的标签。文档说该库接受 类似 GeoJSON 格式的多边形坐标。

问题是我无法确定要从 Google Maps API 数据层传递哪些数据到 PolyLabel 以获得最合适的标签位置。

polygons.forEach(function (feature) {
    var geo = feature.getGeometry();

    var position = polylabel(???, 1.0);

    var mapLabel = new MapLabel({
        position: position,
        text: feature.getProperty("LABEL"),
        fontSize: 25,
        fontColor: "red",
        map: map
    })

    currentLabels.push(mapLabel);
});

我尝试了多种不同的方式来传递特征、几何、原始坐标以及从坐标构造多边形。

还值得注意的是，GeoJSON 数据包含多边形和多多边形的混合。

谢谢。

【问题讨论】：

geojson.org/geojson-spec.html#id4

标签： javascript google-maps geojson polylabel

【解决方案1】：

确实很难看到，但你可以在这里找到。 https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/polylabel/index.d.ts

对于多边形中的每个点，您都有 [x, y]。然后每个多边形是 [[x,y]...]，polylabel 采用多边形数组。

【讨论】：