一 高德react-native-amap3d组件的使用。
react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS,受 react-native-maps 启发,提供功能丰富且易用的接口。
主要功能:
-
地图模式切换(常规、卫星、导航、夜间)
-
3D 建筑、路况、室内地图
-
内置地图控件的显示隐藏(指南针、比例尺、定位按钮、缩放按钮)
-
手势交互控制(平移、缩放、旋转、倾斜)
-
中心坐标、缩放级别、倾斜度的设置,支持动画过渡
-
地图事件(onPress、onLongPress、onLocation、onStatusChange)
-
地图标记(Marker)
-
自定义信息窗体
-
自定义图标
-
折线绘制(Polyline)
-
多边形绘制(Polygon)
-
圆形绘制(Circle)
-
热力图(HeatMap)
-
海量点(MultiPoint)
-
导航(驾车、步行、骑行)(待完善 :construction:)
-
离线地图
基本功能图形如下:
第一步:安装
安装依赖
$ npm i react-native-amap3d
项目配置
Android
$ react-native link react-native-amap3d