前兩天在vue項(xiàng)目中需要使用地圖旗唁，以前沒(méi)有接觸過(guò)宙地，經(jīng)過(guò)一番折騰，終于搞了出來(lái)逆皮。?
一、發(fā)現(xiàn)vue-amap
剛開(kāi)始自己想著是直接調(diào)用搞得地圖的api参袱，發(fā)現(xiàn)實(shí)現(xiàn)起來(lái)有點(diǎn)困難电谣。經(jīng)過(guò)一番谷歌、百度之后抹蚀，發(fā)現(xiàn)?vue-amap?插件剿牺，優(yōu)點(diǎn)是文檔詳細(xì)，易于上手环壤。
二晒来、使用vue-amap
1 準(zhǔn)備
?在使用這個(gè)插件之前，首先需要申請(qǐng)高德地圖的key郑现。這個(gè)到官網(wǎng)就可以申請(qǐng)湃崩。申請(qǐng)過(guò)程就不敘述了。
2 安裝vue-amap
?npm包安裝：npm install -s?vue-amap
CDN安裝：引入組件
3 引入vue-amap（這里以npm安裝方式為例）
引入VueAmap,在全局注冊(cè)vueAMap
4 使用vue-amap
5 效果圖
三接箫、總結(jié)
這里只是初級(jí)的應(yīng)用攒读，里邊還有定位、查詢(xún)周邊建筑等等功能辛友。大家可以取文檔拿來(lái)直接使用薄扁。
