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