在網頁中嵌入百度地圖的步驟


  百度地圖JavaScript API是一套由JavaScript語言編寫的應用程序接口,可幫助您在網站中構建功能豐富、交互性強的地圖應用,支持PC端和移動端基於瀏覽器的地圖應用開發,且支持HTML5特性的地圖開發。

  該套API免費對外開放。自v1.5版本起,您需先申請密鑰(ak)才可使用,接口(除發送短信功能外)無使用次數限制。

  在您使用百度地圖JavaScript API之前,請先閱讀百度地圖API使用條款。任何非營利性應用請直接使用,商業應用請參考使用須知

  JavaScript API首家支持Https,如需要申請Https服務,請您認證企業信息成為企業認證用戶后,https將自動開通。

注意:僅JavaScript API V2.0及以上版本支持https,其他JavaScript API版本均不支持。使用https服務,請先檢查您的版本以及配置注意事項

                                        -----------摘自《百度地圖API介紹》

在網頁中嵌入百度地圖的步驟:

1.首先,打開瀏覽器,搜索“百度地圖API”,如圖,點擊打開“百度地圖API”官網。

2.點擊打開“百度地圖API”后,進入這樣的頁面。

3.點擊打開上圖中重點標注區域“API控制台”,然后跳轉到登陸界面,如果您有百度賬號,直接登陸就可以,如果沒有的話,需要注冊一個,然后登陸即可。

4.在“登陸”成功后,會跳轉到這個頁面,右上角是我們自己的登陸名.我們主要做的是,點擊“創建應用”。

5.點擊“創建應用”后,頁面跳轉成如下圖的頁面,紅色標注的區域需要填寫,完事點擊提交。其中,應用名稱自己給一個就行,其中IP白名單,下邊有說明。這兩項填寫完事,點擊“提交”按鈕。

5.創建應用提交后,會顯示在頁面中,如下圖所示。紅色方框是我們剛才創建的應用,而其中打星的地方是重點,“訪問應用(AK)”,其中AK是“安全密匙”,使我們成功應用百度地圖API的 關鍵 ,生成的這個AK值我們在后邊會用到。這一點需要注意!

6.生成“安全密匙”之后,我們點擊菜單欄的“開發”下的“javascript  API”,如下圖 所示:

7.之后,跳轉到如下界面,如下圖所示:

8.點擊“本地搜索”后,頁面跳轉至如下界面,如下圖所示,其中紅色的區域是我們點擊“本地搜索”這個功能之后,對應的代碼,我們直接將代碼選中復制的我們的html中。綠色的區域是百度地圖API提供的各種功能需求,我們可以根據自己的需求選擇不同的功能。

9.在將上圖紅色區域的代碼復制到html文檔中后,去過我們立即在瀏覽器中運用,會顯示這樣的界面:

10.出現上圖的原因是安全密匙的問題,我們來看一下運行前的代碼,如下圖所示,

11.紅色區域是AK(安全密匙)的地方,現在我們只需要將“您的密匙”替換為前邊我們創建應用生成的這個密匙,即可,復制粘貼。

12.然后代碼會變成這樣,如下圖所示:

13.修改完事,我們運行代碼,就OK了。

14.我們可以看到百度地圖在我們自己的文檔中嵌入成功了。接下,在html中修改符合自己的"坐標"值等,完美實現自己的需求。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM