react-native-baidu-map 百度地图

react-native-baidu-map 百度地图在iOS端和安卓端的集成。

一、安装配置

  1. git地址:https://github.com/lovebing/react-native-baidu-map
    上边的好像不能自定义标记,只好换一个了,这个应该可以react-native-baidumap-sdk

  2. 配置教程:react-native 实现百度地图(ios&Android)

  3. 配置过程中常见问题:
    I. 比较全面
    II.稍微差一点

二、使用

1、MapView Props 属性

属性名 属性类型 默认值 备注 中文介绍
zoomControlsVisible bool true 只支持安卓 是否显示缩放控制条
trafficEnabled bool false 是否显示交通状况
baiduHeatMapEnabled bool false 是否显示热力图
mapType number 1 地图类型
zoom number 10 地图缩放等级
center object null {latitude: 0, longitude: 0} 地图中心坐标
marker object null {latitude: 0, longitude: 0, title: ''} 每个标记的经纬度与标题
markers array [] 标记集合
onMapStatusChangeStart func undefined 只支持安卓 地图开始改变时
onMapStatusChange func undefined 地图改变过程中
onMapStatusChangeFinish func undefined 地图改变完成时
onMapLoaded func undefined 地图加载完成
onMapClick func undefined 地图被点击时
onMapDoubleClick func undefined 地图被双击时
onMarkerClick func undefined 标记被点击时
onMapPoiClick func undefined 标记高亮时(待查阅)

你可能感兴趣的:(react-native-baidu-map 百度地图)