如何在html網頁中引入百度街景地圖?
這里簡單介紹一下吧,其實和引入普通的百度地圖差不多,唯一的區別就是要開啟Flash Player,不然街景地圖就不能正常顯示,下面我介紹一下實現過程,主要內容如下:
1.注冊百度地圖開發者,這個直接到官網注冊就行,或者使用百度賬號直接登錄也行,登錄成功后,依次點擊“控制臺”->“創建應用”,在跳轉的頁面選擇“瀏覽器端”,輸入應用名稱,設置白名單,如下:
創建成功后,當前的應用就會顯示在應用列表中,這里我們需要記住應用的AK值,后面的html代碼中需要用到,如下:
2.創建成功后,我們就可以在網頁中引入街景地圖了,主要是創建一個div容器,然后通過JS API引入街景地圖到這個容器中,測試的完整代碼如下,這里創建了2個div容器,一個用于顯示街景地圖,一個用于顯示普通地圖,兩者同時變換:
用瀏覽器打開這個html網頁,效果如下,上面為顯示的街景地圖,下面為對應的普通地圖,這里需要開啟瀏覽器的Flash Player功能,不然會顯示失敗:
至此,我們就完成了在html頁面中引入百度街景地圖。總的來說,整個過程不難,和引入普通百度地圖差不多,需要先注冊開發者,然后創建應用,接著創建div容器,最后直接通過JS API引入地圖到容器中就行,唯一的區別就是要開啟瀏覽器Flash Player功能,不然街景地圖就會顯示失敗,只要你有一定的前端基礎,熟悉一下相關示例和代碼,很快就能掌握的,官網提供了非常詳細的開發文檔,非常適合初學者,感興趣的話,可以研究一下,希望以上分享的內容能對你有所幫助吧,也歡迎大家評論、留言。