如何在前端項目中應用百度地圖API?
網(wǎng)友解答: 要想使用百度地圖的API,你要先去百度地圖開放平臺申請一個密鑰(ak),申請地址:http://lbsyun.baidu.com/apiconsole/key?applica
要想使用百度地圖的API,你要先去百度地圖開放平臺申請一個密鑰(ak),申請地址:http://lbsyun.baidu.com/apiconsole/key?application=key;下圖是我自己申請的ak,你也可以暫時用我的ak做測試;
JavaScript調(diào)用百度地圖API的步驟如下:
一、引入百度地圖API JS文件用script標簽引入js文件,并傳遞ak參數(shù),如下圖:
二、設(shè)置地圖顯示的容器創(chuàng)建一個div作為容器用于顯示地圖,并指定其寬度高度。
三、創(chuàng)建地圖實例通過api提供的類創(chuàng)建一個實例,并設(shè)置顯示的城市,中心坐標、地圖級別等。
到此,經(jīng)過這簡單的三個步驟,百度地圖就調(diào)用成功了,運行效果如下:
完整代碼截圖:
在前端項目中使用百度地圖還是比較簡單的,當然,還有其他的地圖功能,你自己去查閱API,這里只是帶你入門。
覺得不錯的麻煩點個贊,蟹蟹支持。