在react-native-maps的地图视图中隐藏/删除企业名称和标记

Question

我正在 MapView 组件中实现我的自定义标记引脚。有没有办法隐藏或删除第三方标记，例如酒店、餐馆、销售商店等……？

我在组件文档中进行了搜索，但一无所获。

Answer 1

据我所知，有一种方法可以关闭业务文本和标记。这是当我们将样式应用于 的<MapView>属性时customMapStyle。

从该站点https://mapstyle.withgoogle.com/ 跳至样式选择“使用旧版 JSON 样式向导”

然后选择“更多选项”以获得更具体的样式。

选择兴趣点，然后选择业务，然后选择文本填充和文本轮廓并将其可见性隐藏。

我们将单击“完成”按钮，然后单击“复制 JSON”按钮。现在我们已经复制了 JSON 格式的数据。

您可以将此信息保存在名为的变量中，例如mapStyle

mapStyle=
[
  {
    "featureType": "poi.business",
    "elementType": "labels.text.fill",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "poi.business",
    "elementType": "labels.text.stroke",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  }
]

最后要做的就是使用mapStyle并使其等于customMapStyle这样的属性..

<MapView 
  customMapStyle={mapStyle}

  {/*other properties*/}   
 />