在GeoJson数据接收到的谷歌地图多边形上贴上标签

Put label on Google Maps polygon received by GeoJson data

本文关键字:多边形 谷歌地图 标签 GeoJson 数据      更新时间:2023-09-26

我想把带信息的标签(或带标签的div)放在由下面的代码片段绘制的多边形上。样式属性已成功应用于(多边形类型的)要素。有人知道如何将文本添加到将显示在多边形中心的功能中吗?

function handleGeoJson(data) {
    map.data.addGeoJson(data);
    map.data.setStyle(function(feature) {
        if (feature.getProperty('isColorful')) {
            color = feature.getProperty('color');
        }
        return /** @type {google.maps.Data.StyleOptions} */( {
            fillColor : color,
            strokeColor : color,
            strokeWeight : 1,
        });
    });
    map.data.setStyle(featureStyle);
}

如果你有办法获得多边形的中心(比如这个答案,或者通过预处理数据),谷歌地图地图标签库可以用来将文本放在地图上的那个点上。