前言

要說阿落在開發電商項目時，遇到頭疼的問題之一，那就是根據地址信息獲取經緯度。

在獲取經緯度時，在項目中一般有兩種處理方式。

一種是根據用戶填寫的詳細地址，去調用高德地圖的API獲取經緯度，這種一般作用于用戶收貨地址，然后用收貨地址來獲取經緯度，用來匹配最近的倉庫；

一種是在后臺提供選擇地址的功能，通過輸入的地址或選取的地圖的點獲取經緯度，這種一般作用于倉庫定位、線下商家定位等；

這篇文章，阿落要說的就是第二種，在頁面中提供搜索地址或地圖選點的方式獲取經緯度。

1.實現目標

(1)輸入地址，獲取詳細地址與經緯度

當在后臺編輯時，在文本框輸入完地址后，選擇目標地址或需要的地址，自動獲取該地址在地圖中的詳細地址字符串，以及該地址對應的經緯度；

圖片1

(2)輸入地址時對地址聯想

一個地址名詞，可能會有多處地方，當想不起來是在哪個區域時，就需要地圖來幫助我們智能聯想了。所以，當我們在文本框輸入地址后，自動聯想該地址關聯的地址列表，供我們參考或選擇。

圖片2

2.代碼實現

備注：前端框架使用的為LayUI

（1）Html代碼

    
        
            
                
                    RW。
                        保存                    
                
            
            RW。
                  詳細地址                                
                                                                            
            
                        
                * 省市區                
                                            請選擇                                                            
                
                                                                                
                
                                                                                
            
            RW。
                * 輸入地址                
                                                                                
                
            
        
    

（2）JavaScript代碼

4.結語

本篇內容就到這里了，對于獲取經緯度，大家還有什么更好的建議或方式嗎。