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