安装及配置
index.html入口文件中引用高德地图的js
<script src="http://webapi.amap.com/maps?v=1.4.15&key=你申请的key"></script>
在vue.config.js中，定义
configureWebpack: {
externals: {
'AMap': 'AMap'
}
}
注意：需要重启一下才会生效
调用
import AMap from 'AMap'
let map = new AMap.Map('amap', {
resizeEnable: true,
mapStyle: "amap://styles/normal",
center: [119.676881, 29.091466],
lang: "zh_cn",
zoom: 15,
});
//实时路况图层
let marker = new AMap.Marker({
position: [119.676881, 29.091466]
})
map.add(marker);//添加到地图
