如何在React Native Maps（iOS端）中禁用地图标签

方法一：自定义Google Maps样式（推荐，若使用Google Maps） #

1. 利用Google地图样式生成器创建空白底图样式：
   • 找到「Labels」分类，将所有标签的可见性设为off
   • 按需关闭「Landmarks」「Roads」等其他元素的可见性，仅保留基础底图
2. 生成JSON样式后，保存到Android项目的android/app/src/main/res/raw目录（无raw文件夹则新建），命名为map_style.json
3. 在React Native的Map组件中引用该样式：

import MapView from 'react-native-maps';

<MapView
  style={{ flex: 1 }}
  customMapStyle={require('../android/app/src/main/res/raw/map_style.json')}
/>

方法二：使用空白瓦片覆盖 #

如果自定义样式方案不适用，可通过空白瓦片覆盖原有地图内容：

1. 准备一张纯底色的空白PNG图片（如白色、灰色）
2. 用UrlTile组件加载本地或远程的空白瓦片：

import MapView, { UrlTile } from 'react-native-maps';

<MapView style={{ flex: 1 }}>
  <UrlTile
    urlTemplate="file:///android_asset/blank_tile.png" // 本地资产文件路径
    tileSize={256}
  />
</MapView>

注：使用本地瓦片需将图片放入Android项目的android/app/src/main/assets目录，确保React Native能正常访问。

额外说明 #

Android端默认使用Google Maps，若你实际显示的是Apple Maps，这种场景需额外配置原生Apple Maps SDK，但Android端Apple Maps的样式自定义支持有限，更推荐优先使用上述两种方案。

内容的提问来源于stack exchange，提问作者username8492849