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 | 標記高亮時(待查閱) |