vue项目中简单使用高德地图

　　npm install vue-amap --save

 

//引入地图插件

import VueAMap from 'vue-amap';

import Vue from 'vue';

Vue.use(VueAMap);

 

//高德地图方法

handlemyMapFn(){

　　VueAMap.initAMapApiLoader({

　　　　key: '你所申请的key值',

　　　　plugin: [

　　　　　　"AMap.PolyEditor" //编辑 折线多，边形

　　　　],

　　　　// 默认高德 sdk 版本为 1.4.4

　　　　v: '1.4.4'

　　});

},

 

 

<div id="container">

　　<el-amap class="amap-box" :vid="'amap-vue'"></el-amap>

</div>

 

 

<style scoped>

/* --------------------------------高德地图样式----------------------------- */

#container {

　　width:100%; height: 600px;

}

</style>

来源：博客园

作者：程序员-壮

链接：https://www.cnblogs.com/dongyuezhuang/p/11446160.html