先看最后实现的效果图
高德地图api文档
https://lbs.amap.com/api/javascript-api/summary
使用
1、在index.html里面引入高德地图js文件
2、引入之后我们就直接可以在vue组件里面使用了
创建initMap方法,在mounted钩子函数中调用
mounted(){
this.initMap()
},
initMap(){
let that = this
this.map = new AMap.Map('track-map', {
zoom:11,//级别
center: [116.397428, 39.90923],//中心点坐标
resizeEnable: true,
zoom: 12,
});
// 插件
AMap.plugin(['AMap.ToolBar', 'AMap.Scale'], function () {
that.map.addControl(new AMap.ToolBar())
tha