/reactNativeAmap

amap for reactnative

Primary LanguageObjective-C

基于reactnative的AMap:3D实现

AMap:props

属性 说明 类型 默认值
locationEnabled 显示自身位置 bool false
locationRepresentationStyle locationRepresentationStyle bool false
indoorMapVisible 显示室内地图 bool false
trafficVisible 显示路况 bool false

props:locationRepresentationStyle

字段名 说明 类型 默认值
showsAccuracyRing 精度圈是否显示 bool false
showsHeadingIndicator 是否显示方向指示 bool true
fillColor 精度圈 填充颜色 string
strokeColor 精度圈 填充颜色 string
lineWidth 精度圈 边线宽度 number 0
enablePulseAnnimation 内部蓝色圆点是否使用律动效果 bool true
locationDotBgColor 定位点背景色 string #fff
locationDotFillColor 定位点蓝色圆点颜色 string blue
image 定位图标src string

Marker:props

属性 说明 类型 默认值
title 点击标注显示的title string
subTitle 点击标注显示的subTitle string false

ios

  1. 在 AppDelegate.m 文件中引入所需头文件
#import <AMapFoundationKit/AMapFoundationKit.h>
  1. 在 AppDelegate.m 文件的 didFinishLaunchingWithOptions 方法中配置高德 Key
  2. 将ios/AMapView拖进项目中
  3. 在js中引入原生组件
import { requireNativeComponent } from 'react-native';
const AMap = requireNativeComponent('AMapView', null);

说明

学习原生代码，造rn组件轮子...