高德地圖API如何使用?

墨童


這個很簡單,需要先註冊一下高德地圖開發者,然後創建應用、添加Key,最後通過script標籤引入網頁,就可以直接使用高德地圖API了,下面我簡單介紹一下實現過程,主要內容如下:

1.首先,註冊高德地圖開發者,這個直接到官網上註冊就行,按著提示一步一步填寫信息,如下:

2.註冊登錄成功後,依次點擊“個人中心”->“應用管理”->“我的應用”,點擊右上角的“創建新應用”,如下,輸入應用名稱,選擇應用類型:

應用創建成功後,新創建的應用就會出現在應用管理列表中,接著我們點擊應用右邊的“+”號,為應用添加key值,如下,輸入Key名稱,因為是網頁中引入,所以選擇“Web端(JS API)”:

成功添加key值後,我們需要記住這個key值,後面的代碼中需要傳入這個key值,才能調用高德地圖API,如下:

3.最後就是在網頁中使用API,引入高德地圖了,很簡單,基本步驟是先創建一個div容器,然後通過JS API引入地圖到這個容器中就行,如下:

用瀏覽器打開這個html文件,效果如下,已經成功引入高德地圖:

4.這裡我們也可以引入地鐵圖,基本過程和上面差不多,還是需要先創建一個div容器,然後再通過JS API引入地鐵圖到容器中,主要代碼如下:

用瀏覽器打開這個文件,效果如下,已經成功引入地鐵圖:

至此,我們就完成了高德地圖API的使用。總的來說,整個過程很簡單,只要你有一定的前端基礎,熟悉一下相關操作和步驟,很快就能掌握的,官方也給出了非常詳細的開發文檔,有詳細的步驟和示例,可以在線編輯運行,非常適合初學者學習,可以參考一下,網上也有相關教程和資料,感興趣的話,可以搜一下,希望以上分享的內容能對你有所幫助吧,也歡迎大家評論、留言。


小小猿愛嘻嘻


lbs.amap.com去申請


分享到:


相關文章: