根據經緯度導航的竅門 高德地圖輸入經緯度查詢位置

前言 要說阿落在開發電商項目時,遇到頭疼的問題之一,那就是根據地址信息獲取經緯度 。
在獲取經緯度時,在項目中一般有兩種處理方式 。
一種是根據用戶填寫的詳細地址,去調用高德地圖的API獲取經緯度,這種一般作用于用戶收貨地址,然后用收貨地址來獲取經緯度,用來匹配最近的倉庫;
一種是在后臺提供選擇地址的功能,通過輸入的地址或選取的地圖的點獲取經緯度,這種一般作用于倉庫定位、線下商家定位等;
這篇文章,阿落要說的就是第二種,在頁面中提供搜索地址或地圖選點的方式獲取經緯度 。
1.實現目標 【根據經緯度導航的竅門 高德地圖輸入經緯度查詢位置】(1)輸入地址,獲取詳細地址與經緯度
當在后臺編輯時,在文本框輸入完地址后,選擇目標地址或需要的地址,自動獲取該地址在地圖中的詳細地址字符串,以及該地址對應的經緯度;
圖片1
(2)輸入地址時對地址聯想
一個地址名詞,可能會有多處地方,當想不起來是在哪個區域時,就需要地圖來幫助我們智能聯想了 。所以,當我們在文本框輸入地址后,自動聯想該地址關聯的地址列表,供我們參考或選擇 。
圖片2
2.代碼實現

備注:前端框架使用的為LayUI
(1)Html代碼

    猜你喜歡