如何在網(wǎng)頁(yè)中引入百度地圖?
網(wǎng)友解答: 這個(gè)其實(shí)很簡(jiǎn)單,下面我簡(jiǎn)單介紹一下吧,主要過(guò)程如下:1.首先,到百度地圖開(kāi)放平臺(tái)注冊(cè)一下開(kāi)發(fā)者,這個(gè)直接用自己的百度賬號(hào)就行,接著點(diǎn)擊“控制臺(tái)”-“創(chuàng)建應(yīng)用”,如下,這里選擇
這個(gè)其實(shí)很簡(jiǎn)單,下面我簡(jiǎn)單介紹一下吧,主要過(guò)程如下:
1.首先,到百度地圖開(kāi)放平臺(tái)注冊(cè)一下開(kāi)發(fā)者,這個(gè)直接用自己的百度賬號(hào)就行,接著點(diǎn)擊“控制臺(tái)”-“創(chuàng)建應(yīng)用”,如下,這里選擇“瀏覽器端”,輸入“應(yīng)用名稱(chēng)”:
創(chuàng)建成功后,就會(huì)跳轉(zhuǎn)到“應(yīng)用列表”,剛才創(chuàng)建的應(yīng)用就會(huì)顯示出來(lái),如下,這里我們需要記住AK這個(gè)值,后面的html頁(yè)面中需要用到:
2.應(yīng)用創(chuàng)建成功后,我們就可以在網(wǎng)頁(yè)中引入地圖了,代碼其實(shí)很簡(jiǎn)單,主要是創(chuàng)建一個(gè)div容器,然后通過(guò)JS導(dǎo)入地圖,完整代碼如下:
接著我們用瀏覽器打開(kāi)這個(gè)html頁(yè)面,就能正常顯示地圖了,如下:
3.這里也可以引入地鐵圖,代碼和上面的地圖類(lèi)似,也是需要?jiǎng)?chuàng)建一個(gè)div容器,然后再通過(guò)JS導(dǎo)入地鐵圖到div容器中,主要代碼如下:
用瀏覽器打開(kāi)這個(gè)html頁(yè)面,效果如下,就能正常顯示地鐵圖了:
至此,我們就完成了在網(wǎng)頁(yè)中導(dǎo)入百度地圖。整個(gè)過(guò)程其實(shí)很簡(jiǎn)單,就是創(chuàng)建div容器,然后通過(guò)JS將地圖引入到div容器中進(jìn)行顯示就行,上面的代碼都是官方提供的示例,可以直接到官網(wǎng)進(jìn)行查看,或者在線編輯都行,只要你有一定的前端知識(shí),熟悉一下相關(guān)代碼和示例,很快就能掌握的,網(wǎng)上也有相關(guān)教程和資料,感興趣的可以搜一下,希望以上分享的內(nèi)容能對(duì)你有所幫助吧,也歡迎大家評(píng)論、留言。
網(wǎng)友解答:不知道題主了解gis嗎?你可以去查找一下百度地圖的官方接口說(shuō)明文檔,里面有詳細(xì)前端調(diào)用方法和demo,認(rèn)真閱讀+反復(fù)實(shí)踐,相信題主可以的