react-native地图组件--react-native-amap3d

react-native-amap3d 是 react-native 高德地图组件，使用最新 3D SDK，支持 Android + iOS

参考github：https://github.com/qiuxiang/react-native-amap3d

---

1.功能

该组件提供的功能可以满足一般的react-native开发需求

• 地图模式切换（常规、卫星、导航、夜间）
• 3D 建筑、路况、室内地图
• 内置地图控件的显示隐藏（指南针、比例尺、定位按钮、缩放按钮）
• 手势交互控制（平移、缩放、旋转、倾斜）
• 中心坐标、缩放级别、倾斜度的设置，支持动画过渡
• 地图事件（onPress、onLongPress、onLocation、onStatusChange）
• 地图标记（Marker）
• 自定义信息窗体
• 自定义图标
• 折线绘制（Polyline）
• 多边形绘制（Polygon）
• 圆形绘制（Circle）
• 热力图（HeatMap）
• 海量点（MultiPoint）
• 离线地图

2. 安装

npm i react-native-amap3d

#ios项目需要更新pods
cd ios
pop install

本项目从 v2.0.0 开始支持 RN 的 autolinking，不再需要手动配置

添加高德Key

Android

1. 获取高德Key
2. 编辑 Android 项目的 AndroidManifest.xml（一般在android\app\src\main\AndroidManifest.xml），添加如下代码：

<application>
  <meta-data
    android:name="com.amap.api.v2.apikey"
    android:value="你的高德 Key" />
</application>

ios

1. 获取高德Key
2. 在AppDelegate.m 里引入SDK头文件 #import <AMapFoundationKit/AMapFoundationKit.h> ，并设置高德Key [AMapServices sharedServices].apiKey = @"你的高德 Key";

3. 使用

导入地图模块

import {
   MapView} from "react-native-amap3d";
class MapPage extends Component {
   
	render() {
   
	return(
	//MapView 还支持onClick ,onLongClick,onLocation 事件
	<MapView
  	coordinate=