什么是在反应本机地图中必须提供给Mapper坐标的值

问题描述 投票:0回答:1
const [marker, setMarker] = useState([
    {
      latLng: { latitude: 16.960775, longitude: 82.2258361 },
      title: "Best Place",
      description: "This is the best place in Portland"
    }
  ]);

而且我在Mapper中使用的情况如下

 <Marker
          coordinate={marker.latLng}
          title={marker.title}
          description={marker.description}
        />

并且它显示了错误,例如latLng不能为null-需要位置

react-native react-native-maps
1个回答
0
投票
const INITIAL_REGION = {
      latitude: 52.5,
      longitude: 19.2,
      latitudeDelta: 8.5,
      longitudeDelta: 8.5
    };

render(){
    return (
    <MapView
      initialRegion={INITIAL_REGION}
      style={{ flex: 1, zIndex: -1, ...StyleSheet.absoluteFillObject }}
    >
      <Marker coordinate={{ latitude: 52.0, longitude: 18.2 }} />
      <Marker coordinate={{ latitude: 52.4, longitude: 18.7 }} />
      <Marker coordinate={{ latitude: 52.1, longitude: 18.4 }} />
      <Marker coordinate={{ latitude: 52.6, longitude: 18.3 }} />
      <Marker coordinate={{ latitude: 51.6, longitude: 18.0 }} />
      <Marker coordinate={{ latitude: 53.1, longitude: 18.8 }} />
      <Marker coordinate={{ latitude: 52.9, longitude: 19.4 }} />
      <Marker coordinate={{ latitude: 52.2, longitude: 21 }}   />
    </MapView>
  );
}

这里是一个有效的例子。标记坐标应接收一个对象,该字段需要纬度经度字段。由于缺少代码段示例,我无法判断您的代码出了什么问题。如果您想与我共享整个渲染代码段,我可以为您解决问题。

希望这对您有所帮助。玩得开心🥰

© www.soinside.com 2019 - 2024. All rights reserved.