摘要:更多關于的操作請查看騰訊地圖官網戳我簡單的封裝了一塊原石,封裝還在繼續,如果老鐵有更好的方式或想法不妨走起一波會給你雙擊如果有問題可加入前端交流群一起討論前端攻城獅群
react-qmap -- React騰訊地圖組件 一個對騰訊web地圖簡單封裝的React組件
GitHub源碼地址:戳我
栗子:戳我
栗子源碼:戳我
安裝
yarn add react-qmap or npm install react-qmap
基礎用法
import ReactQMap from "react-qmap";API
Method | Type | Optional | Default | Description |
---|---|---|---|---|
getMap | function | false | 獲取地圖的對象和當前容器的map對象,第一個參數是new的當前map對象,第二個參數是全局map對象 | |
style | object | false | 設置組件的內聯樣式,默認樣式width: "100%", height: "100%" | |
className | string | false | 設置組件的class | |
mySpot | object | false | 設置地圖的定位坐標 | |
initialOptions | object | false | zoom: 14,disableDefaultUI: true, zoomControl: false,mapTypeControl: false, | 初始化地圖的參數,簡單默認設置了幾個,更多的初始化參數請參照文檔 |
apiKey | string | true | 設置地圖引用的key,為防止限制調用API,建議官網申請自己的key | |
center | object | true | 設置地圖初始化的中心位置坐標 |
有了初始化的地圖,獲取到地圖對象之后,就可以按照官網提供的資料隨心所欲了。
更多關于API的操作請查看騰訊地圖官網(戳我)
簡單的封裝了一塊原石,封裝還在繼續,如果老鐵有更好的方式或想法不妨PR走起一波~會給你雙擊666
如果有問題可加入前端交流群一起討論:前端攻城獅②群:592688854
licenseMIT
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/51945.html
閱讀 1369·2021-10-19 11:42
閱讀 717·2021-09-22 16:04
閱讀 1867·2021-09-10 11:23
閱讀 1838·2021-07-29 14:48
閱讀 1247·2021-07-26 23:38
閱讀 2812·2019-08-30 15:54
閱讀 1024·2019-08-30 11:25
閱讀 1694·2019-08-29 17:23