vue使用高德地图
2020-11-05 本文已影响0人
DUREX_ead1
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
