如何在html網(wǎng)頁(yè)中引入百度街景地圖？

這里簡(jiǎn)單介紹一下吧，其實(shí)和引入普通的百度地圖差不多，唯一的區(qū)別就是要開啟Flash Player，不然街景地圖就不能正常顯示，下面我介紹一下實(shí)現(xiàn)過(guò)程，主要內(nèi)容如下：

1.注冊(cè)百度地圖開發(fā)者，這個(gè)直接到官網(wǎng)注冊(cè)就行，或者使用百度賬號(hào)直接登錄也行，登錄成功后，依次點(diǎn)擊“控制臺(tái)”->“創(chuàng)建應(yīng)用”，在跳轉(zhuǎn)的頁(yè)面選擇“瀏覽器端”，輸入應(yīng)用名稱，設(shè)置白名單，如下：

創(chuàng)建成功后，當(dāng)前的應(yīng)用就會(huì)顯示在應(yīng)用列表中，這里我們需要記住應(yīng)用的AK值，后面的html代碼中需要用到，如下：

2.創(chuàng)建成功后，我們就可以在網(wǎng)頁(yè)中引入街景地圖了，主要是創(chuàng)建一個(gè)div容器，然后通過(guò)JS API引入街景地圖到這個(gè)容器中，測(cè)試的完整代碼如下，這里創(chuàng)建了2個(gè)div容器，一個(gè)用于顯示街景地圖，一個(gè)用于顯示普通地圖，兩者同時(shí)變換：

用瀏覽器打開這個(gè)html網(wǎng)頁(yè)，效果如下，上面為顯示的街景地圖，下面為對(duì)應(yīng)的普通地圖，這里需要開啟瀏覽器的Flash Player功能，不然會(huì)顯示失敗：

至此，我們就完成了在html頁(yè)面中引入百度街景地圖。總的來(lái)說(shuō)，整個(gè)過(guò)程不難，和引入普通百度地圖差不多，需要先注冊(cè)開發(fā)者，然后創(chuàng)建應(yīng)用，接著創(chuàng)建div容器，最后直接通過(guò)JS API引入地圖到容器中就行，唯一的區(qū)別就是要開啟瀏覽器Flash Player功能，不然街景地圖就會(huì)顯示失敗，只要你有一定的前端基礎(chǔ)，熟悉一下相關(guān)示例和代碼，很快就能掌握的，官網(wǎng)提供了非常詳細(xì)的開發(fā)文檔，非常適合初學(xué)者，感興趣的話，可以研究一下，希望以上分享的內(nèi)容能對(duì)你有所幫助吧，也歡迎大家評(píng)論、留言。