vue调用高德地图实例代码
发布时间：2020-12-17 02:59:09 所属栏目：百科 来源：网络整理
导读：一. vue-amap，一个基于 Vue 2.x 和高德地图的地图组件 https://elemefe.github.io/vue-amap/#/ 这个就不细说了，按照其文档，就能够安装下来。 二. 按照官方提供的方法引入 1.修改webpac.base.conf.js文件 2.引入sdk 引入有两种方式，一种是页面直接引入 代
|
一. vue-amap，一个基于 Vue 2.x 和高德地图的地图组件 https://elemefe.github.io/vue-amap/#/ 这个就不细说了，按照其文档，就能够安装下来。 二. 按照官方提供的方法引入 1.修改webpac.base.conf.js文件 2.引入sdk 引入有两种方式，一种是页面直接引入 代码如下: 还有一种是异步加载 需要注意的是： 你也可以去动态去创造，例如这样 不管是采用哪种方式，都要保证你想要加载地图的js文件，在引入的sdk之后
这样，在第三步的时候，才不会报错 三. 在当前需要加载vue页面引入 四. 页面实例 这是初始化地图，并且调用插件的代码（map.vue）如： 效果如图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
