MapView - 反应原生地图答案

【问题标题】：MapView - react-native-mapsMapView - 反应原生地图
【发布时间】：2022-09-29 23:22:36
【问题描述】：

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

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

标签： react-native react-native-maps mapview

【解决方案1】：

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

从这个网站，https://mapstyle.withgoogle.com/ ，跳到样式选择“使用传统 JSON 样式向导”

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

选择 Points of Interest，然后选择 Business，然后选择 Text fill 和 Text Outline 并将它们的可见性设置为隐藏。

我们将单击“完成”按钮，然后单击“复制 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*/}   
 />

【讨论】：

感谢 Uygar，按预期工作。