由于项目需要,得使用海外地图,于是选择了谷歌地图
记录下踩坑记录:
1,首先需要申请谷歌地图API
2,在AndroidManifest.xml文件中配置api
3,在代码里面使用,记得给父级容器设置宽高
<View style={{width:300,height:300,backgroundColor:'pink'}}>
<MapView
style={{flex: 1}}
provider={PROVIDER_GOOGLE}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
>
<Marker
coordinate={{
latitude: 37.78825,
longitude: -122.4324,
}}
title="Marker Title"
description="Marker Description"
/>
</MapView>
</View>
4,在安卓模拟器上运行项目,地图显示一个logo,这表示正常调用了地图组件
为什么会空白,是因为需要翻墙才能够调用谷歌api,而你使用的是国内网络所以不行