一、什麼是高德坐標
高德坐標是由高德地圖(廣州市圖盟科技有限公司)在 GCJ-02 坐標(火星坐標系)基礎上研製的,適用於中國境內的地理坐標體系。
普通的 GPS 坐標(WGS-84 坐標系)在中國使用會有較大誤差,而 GCJ-02 坐標是由中國政府進行全國性的加密後的坐標體系,也就是通常所說的“火星坐標系”。
但是高德地圖在 GCJ-02 坐標系的基礎上繼續做了偏移處理,就是高德坐標。
二、高德地圖 API 使用
高德地圖 API 是一款基於 JavaScript 的地圖應用程序編程接口。它為開發者提供了地圖展示、路徑規劃、地理編碼、關鍵字搜索等多項常用功能,而且使用非常簡單。
通過引用高德地圖 API,我們可以非常輕鬆地在網頁上展示地圖,並在地圖上顯示用戶當前所在位置。
以下是引用高德地圖 API 的示例代碼:
當然,在實際代碼中,需要將“你的key”替換成你在高德開放平台申請的應用程序 Key。
三、利用高德坐標拾取工具獲取坐標
由於高德地圖使用的是高德坐標,一般的 GPS 坐標被提供商處理後會變成高德坐標,所以如果我們需要在網頁上標註一些地理位置,需要獲取對應的高德坐標。
高德地圖官網提供了一個非常方便的坐標拾取工具,可以通過該工具獲取到坐標值,並使用該坐標值在網頁上顯示對應的位置。以下是獲取坐標的步驟:
步驟1:進入坐標拾取頁面
首先,我們需要進入高德地圖坐標拾取頁面,在搜索框中輸入“高德坐標拾取”,然後在搜索結果中選擇“高德坐標拾取(逆地理編碼) – 高德開放平台”。
進入該頁面後,就可以看到地圖界面和相應的工具欄。
步驟2:標註要獲取坐標的位置
在地圖上標註需要獲取坐標的位置。可以通過放大地圖、移動地圖等方式來定位位置。標註好位置後,可以看到該位置的經緯度值。
步驟3:獲取高德坐標值
在標記好經緯度後,可以將獲得的經緯度值輸入至代碼中,這樣就可以在頁面上為地圖標註出相應的地理位置。
以下是使用高德地圖 API,在頁面上標註位置的示例代碼:
var map = new AMap.Map('container', { zoom: 13,//級別 center: [116.397428, 39.90923],//中心點坐標 }); var marker = new AMap.Marker({ position: [116.397428, 39.90923]//marker所在的位置 }); marker.setMap(map);//在地圖上添加marker
四、結語
通過以上步驟,我們可以輕鬆實現在頁面上標註地理位置的功能。高德地圖提供了非常完善的地圖應用編程接口,並且提供了獲取坐標的工具,使得我們的開發工作變得更加便捷。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/289315.html