Poligon 后面覆盖着 Google 地图位置标签

Question

我在 ReactJs 中使用

react-google-maps

withGoogleMap

作为谷歌地图，我也使用

styles

来更改谷歌地图的自定义视图。在那张地图中，我有很多带有填充颜色的

polygons

。

问题是，我的自定义

polygons

覆盖了谷歌地图地点标签，因此无法读取正确的标签名称。

这是我的代码

<GoogleMap
        options={{
          streetViewControl: false,
          fullScreenControl: false,
          disableDefaultUI: true,
          styles: mapStyle,
        }}
      >

这是问题截图。

在您可以看到的图像中，无法读取

polygons

后面的标签

那么如何在

polygons

顶部设置标签？

Answer 1

我相信当你在地图上创建一个多边形时会发生什么，它会覆盖地图，地图也会覆盖所有标签，你可以将不透明度设置为低于 1。

这就是使用普通 JS 的方法：

const polygon = new google.maps.Polygon({
paths: triangleCoords,
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#FF0000",
fillOpacity: 0.35,

});