gpt4 book ai didi

javascript - 如何在 React Native 的 MapView 中设置标记

转载 作者:可可西里 更新时间:2023-11-01 01:45:10 25 4
gpt4 key购买 nike

  • 我想在React Native中的MapView上设置一个标记,但是通过MapView的官方文档没有找到任何信息。 .
  • 如果不允许这样做,我如何使用现有的 react 模块,例如 react-googlemaps在 React Native 中?

最佳答案

谢谢@naoufal。最后,我能够在 map 上显示标记以响应 native IOS。

<View style={styles.container}>
<MapView style={styles.map}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0,
longitudeDelta: 0.0,
}}
>
<MapView.Marker
coordinate={{latitude: 37.78825,
longitude: -122.4324}}
title={"title"}
description={"description"}
/>
</MapView>
</View>

对于 map 和容器样式,我使用了以下样式:

 var styles = StyleSheet.create({

container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
map: {
position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0,
}
});

我引用了以下链接: React native IOS- Display Markers on map

关于javascript - 如何在 React Native 的 MapView 中设置标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29412753/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com