React Native Maps初始缩放问题：地图未缩放如何设置初始值？

你当前的问题出在initialRegion里的latitudeDelta和longitudeDelta参数设置错误——你把它们设成了和纬度、经度相同的大数值，这两个参数是控制地图可见范围的跨度，数值越大，地图视野越宽（缩放级别越低），所以才会出现地图没有缩放的情况。

方法一：调整initialRegion的Delta值 #

修改latitudeDelta和longitudeDelta为合适的小数值，数值越小，地图缩放级别越高（视野越聚焦）。比如：

<MapView
   style={{width: '100%', height: 250}}
   initialRegion={{
     latitude: 6.795218101812615,
     longitude: 79.9008869173333,
     // 调整为合适的跨度值，0.01对应近距离缩放，可根据需求微调
     latitudeDelta: 0.01,
     longitudeDelta: 0.01,
  }}>
</MapView>

方法二：使用initialCamera直接设置缩放级别（推荐） #

如果你的react-native-maps版本较新，可以使用initialCamera属性直接指定zoom值，这种方式更直观：

<MapView
   style={{width: '100%', height: 250}}
   initialCamera={{
     center: {
       latitude: 6.795218101812615,
       longitude: 79.9008869173333,
     },
     zoom: 15, // 缩放级别，数值越大越近，一般10-20是常用范围
  }}>
</MapView>

当前问题的效果展示 #

你当前的地图状态：

调整delta值或使用initialCamera后，地图会聚焦到指定经纬度区域，达到你想要的缩放效果。

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