百度地圖座標拾取器vue組件

在很多後臺應用中,輸入座標,如果只給一個輸入框,還需要用戶打開百度的座標拾取頁面, 複製完再粘貼到我們的系統頁面中,

這樣不僅繁瑣,而且在座標編輯查看的時候也不直觀,座標填錯了,也不能一看看出來,作爲程序員我們總要多想一步,甚至幫助產品經理提出更好的解決方案,所以開發了此組件,方便在各類系統中直接嵌入座標拾取功能。

百度地圖座標拾取器vue組件,改善後臺應用座標輸入體驗,支持按城市名稱搜索。 搜索框樣式依賴elementUI,不需要可刪除頂部的elementUI組件標籤,地圖部分無依賴項,使用前請在html模板文件中自行引入百度地圖sdk的js外鏈文件

 

此處輸入圖片的描述

      <mapselect :inputDefault="form.address" :oldMarker="oldMarker" @mapclick="pointChange"
                 @addr="addrChange" ref="mapsec"></mapselect>
  • mapcenter:地圖初始化時的中心座標
  • oldMarker:可選項,用於座標點位編輯場景,顯示已有的marker座標,點擊其他地方後自動消失
  • @mapclick:點擊地圖後的回調,參數爲地圖的座標值

 

https://github.com/jinghaonode/baidu-map-point

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章