這裡以呼叫高德地圖和百度地圖為例，簡單介紹一下前端網頁中如何呼叫第三方地圖API，主要內容如下：

1.首先，需要註冊高德地圖開發者，這個是使用API的前提，只有正常登陸，建立應用，生成專屬的Key值，才能正常呼叫地圖，註冊的話，直接到官網上註冊就行，需要輸入以下資訊，按照提示一步一步往下走就行，如下：

key值新增成功後，就會在當前應用下列出來，如下，這裡需要記住這個字串，後面的程式碼中要用到：

4.最後就是編寫前端測試程式碼了，基本思路先建立一個div容器，然後透過JS API引入地圖到這個容器中就行，如下，非常簡單，key引數傳入上面的字串就行：

用瀏覽器開啟這個html檔案，效果如下，已經成功引入高德地圖：

1.首先，也是註冊百度地圖開發者，這個直接到官網上註冊就行，或者直接使用百度賬號登陸，點選右上角的“控制檯”，進入使用者介面，接著點選“建立應用”按鈕，彈出如下介面，輸入應用名稱，因為是前端網頁引入，所以這裡我們選擇“瀏覽器端”：

2.應用建立成功後，就會為當前的應用生成一個AK值，後面的程式碼中就是透過這個值引入百度地圖，如下，需要記住這個字串：

3.最後就是編寫前端測試程式碼了，如下，基本步驟和高德地圖差不多，先建立一個div容器，然後透過JS API引入地圖到這個容器，最後就可以正常顯示，這裡替換成自己應用的AK值：

用瀏覽器開啟這個html檔案，效果如下，已經成功引導百度地圖：

至此，我們就完成了在前端網頁中呼叫高德地圖API和百度地圖API。總的來說，整個過程非常簡單，步驟也很清晰，只要你熟悉一下上面的過程，很快就能掌握的，官網也給出了非常詳細的開發文件，非常適合初學者學習，還可以線上編輯檢視效果，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。