本文章針對(duì)于不會(huì)看文檔的小白、剛畢業(yè)參加工作的前端朋友們。

1.首先要引入百度地圖 具體流程上個(gè)文章有。

2.根據(jù)官網(wǎng)的demo引入 (官網(wǎng)的不太詳細(xì)，可以根據(jù)自己需求引入)我這里就展示一部分代碼。

主要是通過(guò)map.addOverlay(你的類(lèi)名) 來(lái)向地圖添加點(diǎn)位。通過(guò)監(jiān)聽(tīng)map的點(diǎn)擊事件可以獲取到經(jīng)緯度 這樣就可以在添加完點(diǎn)位之后將經(jīng)緯度傳到后臺(tái)

?

?3.將數(shù)據(jù)提交到后臺(tái)之后就應(yīng)該考慮怎么把數(shù)據(jù)渲染到咱們的地圖上 這個(gè)需要把文檔看懂，不然做起來(lái)很費(fèi)勁。先將數(shù)據(jù)從后臺(tái)請(qǐng)求回來(lái)之后放到一個(gè)數(shù)組里面 然后進(jìn)行循環(huán) 具體操作直接看代碼

4. 將數(shù)組進(jìn)行循環(huán) 然后直接放在這個(gè)pt里面就可以了 操作很簡(jiǎn)單 重要的是要把文檔看懂。

看看效果圖 渲染icon圖標(biāo)的話(huà)咱們下一章見(jiàn)

?謝謝觀看主要是針對(duì)小白 大佬勿噴

總結(jié)

以上是生活随笔為你收集整理的vue引入百度地图使用地图的JavaScript API GL 实现在地图上标注点位的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。