如何在react-native-maps的MapView中隐藏/移除商家名称及标记？

不同平台/封装的MapView组件实现方式不同，以下是常见场景的解决办法：

基于Google Maps的MapView（如React Native Google Maps） #

可以通过自定义地图样式来关闭POI（兴趣点）标记：

1. 定义包含POI隐藏规则的样式数组
2. 在MapView组件中通过customMapStyle（或类似属性）应用该样式

示例代码：

// 隐藏所有POI标记的样式
const hidePOIStyle = [
  {
    featureType: "poi",
    elementType: "labels",
    stylers: [{ visibility: "off" }]
  },
  // 可选：隐藏POI的图标
  {
    featureType: "poi",
    elementType: "icons",
    stylers: [{ visibility: "off" }]
  }
];

// 在MapView中使用
<MapView
  style={{ flex: 1 }}
  customMapStyle={hidePOIStyle}
  initialRegion={yourRegion}
/>

如果需要精准控制（比如只隐藏餐厅），可以把featureType改为poi.restaurant，其他POI类型同理。

基于Apple Maps的MapView（iOS端，如React Native MapView） #

iOS的MapKit提供了直接关闭POI的属性，在组件中设置即可：

<MapView
  style={{ flex: 1 }}
  showsPointsOfInterest={false} // 关闭所有POI标记
  initialRegion={yourRegion}
/>

这个属性是iOS专属，Android端不生效。

其他MapView组件（如Leaflet） #

如果是Web端的Leaflet：

• 选择不带POI的瓦片服务（比如一些自定义瓦片源）
• 通过CSS隐藏POI标记元素（如.leaflet-marker-icon.poi类）
• 使用Leaflet插件来过滤标记

注意事项 #

• 部分封装的MapView组件可能没有暴露上述配置，这时可以考虑直接调用原生地图SDK的API（通过原生模块桥接）来实现
• 如果文档找不到相关属性，可以查看组件的源码，或搜索社区内的相关讨论，很多时候这类需求会有开发者分享解决方案

内容的提问来源于stack exchange，提问作者Marcos Favarão