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 | 标记高亮时（待查阅） |
网友评论