在很多後臺應用中,輸入座標,如果只給一個輸入框,還需要用戶打開百度的座標拾取頁面, 複製完再粘貼到我們的系統頁面中,
這樣不僅繁瑣,而且在座標編輯查看的時候也不直觀,座標填錯了,也不能一看看出來,作爲程序員我們總要多想一步,甚至幫助產品經理提出更好的解決方案,所以開發了此組件,方便在各類系統中直接嵌入座標拾取功能。
百度地圖座標拾取器vue組件,改善後臺應用座標輸入體驗,支持按城市名稱搜索。 搜索框樣式依賴elementUI,不需要可刪除頂部的elementUI組件標籤,地圖部分無依賴項,使用前請在html模板文件中自行引入百度地圖sdk的js外鏈文件
<mapselect :inputDefault="form.address" :oldMarker="oldMarker" @mapclick="pointChange"
@addr="addrChange" ref="mapsec"></mapselect>
- mapcenter:地圖初始化時的中心座標
- oldMarker:可選項,用於座標點位編輯場景,顯示已有的marker座標,點擊其他地方後自動消失
- @mapclick:點擊地圖後的回調,參數爲地圖的座標值