reactnative 高德地图(react-native-amap3d)

1.首先安装配置

npm i react-native-amap3d
react-native link react-native-amap3d

2.在AndroidManifest.xml 文件中添加key


  

3.在js 文件中导入地图模块

import { MapView } from 'react-native-amap3d'

4.设置地图状态
所谓的地图状态包括:中心坐标(coordinate)、缩放级别(zoomLevel)、倾斜度(titl)、旋转角度(rotation)、显示区域(region)、地图模式(mapType)。目前高德地图支持5种地图模式:

标准(standard)
卫星(satellite)
导航(navigation)
公交(bus)
夜间(night)


5.定位

 this.setState({
                    mLatitude: nativeEvent.latitude,
                    mLongitude: nativeEvent.longitude,
                })}
                //onLocation={({nativeEvent}) =>{this.toPosition(nativeEvent)}}
            />

你可能感兴趣的:(reactnative 高德地图(react-native-amap3d))