百度地圖JavaScript API是一套由JavaScript語言編寫的應用程序接口,可幫助您在網站中構建功能豐富、交互性強的地圖應用,支持PC端和移動端基於瀏覽器的地圖應用開發,且支持HTML5特性的地圖開發。javascript
該套API免費對外開放。自v1.5版本起,您需先申請密鑰(ak)纔可以使用,接口(除發送短信功能外)無使用次數限制。php
在您使用百度地圖JavaScript API以前,請先閱讀百度地圖API使用條款。任何非營利性應用請直接使用,商業應用請參考使用須知。html
JavaScript API首家支持Https,如須要申請Https服務,請您認證企業信息,成爲企業認證用戶後,https將自動開通。java
注意:僅JavaScript API V2.0及以上版本支持https,其餘JavaScript API版本均不支持。使用https服務,請先檢查您的版本以及配置注意事項。api
-----------摘自《百度地圖API介紹》瀏覽器
在網頁中嵌入百度地圖的步驟:安全
1.首先,打開瀏覽器,搜索「百度地圖API」,如圖,點擊打開「百度地圖API」官網。app
2.點擊打開「百度地圖API」後,進入這樣的頁面。jsp
3.點擊打開上圖中重點標註區域「API控制檯」,而後跳轉到登錄界面,若是您有百度帳號,直接登錄就能夠,若是沒有的話,須要註冊一個,而後登錄便可。ide
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中修改符合本身的"座標"值等,完美實現本身的需求。