vue使用高德地图

https://www.jianshu.com/p/fd2078893542

1、通过NPM安装vue-amap模块：

npm install --save vue-amap

2、在main.js中引用vue-amap：

importVueAMapfrom'vue-amap';Vue.use(VueAMap);// 初始化vue-amapVueAMap.initAMapApiLoader({key:'申请的高德地图Key'});

3、在vue组件中使用：

<template><div><el-amap:center='center':zoom='zoom'><el-amap-marker:position="center":label="label"></el-amap-marker></el-amap></div></template><script>data() {  return {    center: [116.397428, 39.90923],    zoom: 15,    label:{      content: '自定义标题',      offset:[10,12]    }  }}</script>

作者：u5f20u5929u8000

链接：https://www.jianshu.com/p/fd2078893542