如何在Vue中使用高德地图
在一个Vue项目中,index.html是这个项目要显示的页面,其他什么组件都是往里面注入的。想要使用高德地图提供的API我们只需要在中加入一下这句话即可:
="text/javascript" src="http://img.readke.com/220629/10595253R-0.jpg key">
现在就可以在vue项目中使用高德地图了。
根据高德地图所提供的文档操作
以上这样,地图便能在以id为container的div中显示了。但是这个container必须是body下根结点地图才会显示。
【如何在Vue中使用高德地图】通过Vue提供的mounted方法,在mounted方法中对地图进行初始化便能在想要的组件中创建地图
>
export default {
mounted() {
let Amap = new AMap.Map('container',{
center:this.center,
});
}
}
推荐阅读
- 高德地图|vue项目中调用高德地图vue-amap 插件 的AMap.PlaceSearch简用
- Vue|高德地图在 vue 项目中的使用
- Gmail(如何快速将邮件全部已读)
- 【Vue2】nextTick
- web前端|为什么Web前端薪资如此高呢(总结了这4个原因)
- 前端|如何将项目上传到Gitee上
- vue|前端使用echarts实现数据可视化大屏展示
- 运维相关知识点
- 数据资产为王,如何解析企业数字化转型与数据资产管理的关系()
- 【Vue2】事件