这篇文章主要介绍vue中amap的使用方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
vue amap的使用方法：首先通过“vue init webpack vueamap”下载vue webpack的模板；然后使用“cnpm install vue-amap --save”安装vue-amap；最后运用此组件库即可。
一、 down一个vue webpack的模板
vue init webpack vueamap
根据提示完成模板下载，此处我的项目中选择router为yes 其他测试插件全为no? vueamap为文件夹名称
模板下载后 安装依赖
cnpm install
依赖安装完成后 执行开发环境
npm run dev
若提示在"localhost:8080"上查看效果，在浏览器上查看效果，若出现VUE效果 则模板下载成功
二、安装vue-amap
安装vue-amap
cnpm install vue-amap --save
安装完成后，main.js文件中引入
import VueAMap from "vue-amap"; Vue.use(VueAMap);
初始化高德地图，此处需要有一个KEY，可以到高德地图平台上去申请.
初始化高德地图的key与插件
VueAMap.initAMapApiLoader({
key: "e1dedc6bdd765d46693986ff7ff969f4",
plugin: [
"AMap.Autocomplete", //输入提示插件
"AMap.PlaceSearch", //POI搜索插件
"AMap.Scale", //右下角缩略图插件 比例尺
"AMap.OverView", //地图鹰眼插件
"AMap.ToolBar", //地图工具条
"AMap.MapType", //类别切换控件，实现默认图层与卫星图、实施交通图层之间切换的控制
"AMap.PolyEditor", //编辑 折线多，边形
"AMap.CircleEditor", //圆形编辑器插件
"AMap.Geolocation" //定位控件，用来获取和展示用户主机所在的经纬度位置
],
uiVersion: "1.0"
});三、 使用
下面开始正式运用此组件库
注：后续所用到的配置并非全面配置，若有不懂或想详细了解，
请移步vue-amap文档：vue-amap文档（https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install）
文档介绍比较简单，建议到高德官方查看参考手册对照使用
高德参考手册：参考手册（http://lbs.amap.com/api/javascript-api/reference/map）
1、构建地图
模板：
