React Native MapView在iOS平台Marker标记不显示问题求助

你遇到的问题核心原因是Marker组件的放置位置不符合react-native-maps的规范：所有地图标记、覆盖物类子组件必须嵌套在MapView的闭合标签内部，才能被渲染到地图图层上，你当前把Marker放在了MapView外部，所以无法正常显示。

修复后的代码 #

<SafeAreaView style={{flex: 1}}>
    <MapView
        style={{ flex: 1 }}
        region={{
            "latitude": 37.785834, "longitude": -122.406417,
            latitudeDelta: 0.009,
            longitudeDelta: 0.009
        }}
    >
        <Marker title={"Test"} key={1} coordinate={{ "latitude": 37.785834, "longitude": -122.406417 }} />
    </MapView>
</SafeAreaView>

额外排查项（修改位置后仍不显示可检查） #

• 确认导入语句同时引入了Marker组件：

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

• 检查iOS端的位置权限配置是否正常，坐标值没有超出当前地图的可视区域
• 如果你使用了自定义Marker视图，确认自定义视图设置了明确的宽高样式，避免无尺寸导致渲染不可见

内容的提问来源于stack exchange，提问作者Wai Yan Hein