如何在前端項(xiàng)目中應(yīng)用百度地圖API？要想使用百度地圖的API，你要先去百度地圖開(kāi)放平臺(tái)申請(qǐng)一個(gè)密鑰（ak），申請(qǐng)地址：http://lbsyun.baidu.com/apiconsole/key?ap

如何在前端項(xiàng)目中應(yīng)用百度地圖API？

要想使用百度地圖的API，你要先去百度地圖開(kāi)放平臺(tái)申請(qǐng)一個(gè)密鑰（ak），申請(qǐng)地址：http://lbsyun.baidu.com/apiconsole/key?application=key下圖是我自己申請(qǐng)的ak，你也可以暫時(shí)用我的ak做測(cè)試；

JavaScript調(diào)用百度地圖API的步驟如下：

一、引入百度地圖API JS文件

用script標(biāo)簽引入js文件，并傳遞ak參數(shù)，如下圖：

二、設(shè)置地圖顯示的容器

創(chuàng)建一個(gè)div作為容器用于顯示地圖，并指定其寬度高度。

三、創(chuàng)建地圖實(shí)例

通過(guò)api提供的類(lèi)創(chuàng)建一個(gè)實(shí)例，并設(shè)置顯示的城市，中心坐標(biāo)、地圖級(jí)別等。

到此，經(jīng)過(guò)這簡(jiǎn)單的三個(gè)步驟，百度地圖就調(diào)用成功了，運(yùn)行效果如下：

完整代碼截圖：

在前端項(xiàng)目中使用百度地圖還是比較簡(jiǎn)單的，當(dāng)然，還有其他的地圖功能，你自己去查閱API，這里只是帶你入門(mén)。

覺(jué)得不錯(cuò)的麻煩點(diǎn)個(gè)贊，蟹蟹支持。