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

  百度地圖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中修改符合本身的"座標"值等,完美實現本身的需求。

相關文章
相關標籤/搜索