一 高德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
iOS
推荐使用 CocoaPods,需要注意 iOS 项目不要 react-

本文介绍了如何在react-native项目中使用高德react-native-amap3d组件,包括项目配置、添加高德Key、基本用法如启用定位、添加地图标记等。同时,详细讲解了如何申请和添加高德地图Key,包括在Android和iOS上的步骤。
最低0.47元/天 解锁文章
3248

被折叠的 条评论
为什么被折叠?



