vue+ele爬坑之路(三)—vue-amap
地图几乎是很多项目中不可或缺的一部分,这里介绍下在vue+element中vue-map的使用。 1、安装 npm install vue-amap --save 2、配置 全局配置,在 main.js 中配置,代码如下: import VueAMap from 'vue-amap'; Vue.use(VueAMap); //初始化 VueAMap.initAMapApiLoader({ key: 'your key', plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],//依赖配置,根据自己的需求引入 // 默认高德 sdk 版本为 1.4.4 v: '1.4.4' }); 3、使用 3-1、只显示地图及中心点定位 <template> <div class="content"> <div class="amap-wrapper"> <el-amap class="amap-box" :zoom="zoom" :center="center" :mapStyle="mapStyle"></el-amap> </div> <