react-native-baidu-map 百度地图在iOS端和安卓端的集成。
一、安装配置
git地址:https://github.com/lovebing/react-native-baidu-map
上边的好像不能自定义标记,只好换一个了,这个应该可以react-native-baidumap-sdk
二、使用
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 | 标记高亮时(待查阅) |