vue使用高德地图

vue中使用高德地图的方式

(一). 第一种script引入

第一步. script引入的方式,引入到index.html中,

第二步. vue项目中build文件夹下的webpack.base.config.js中需要配置,比如写在最下面”node{}”的下一行

第三步. 然后在项目中可以直接用

 

(二).第二种 vue-amap 一套专门用于vue的高德地图插件

需要npm仓库安装

npm install vue-amap -S

然后在main.js入口文件中引入高德地图,分发出去,让每个组件都可以使用,

然后在组件中直接调用插件中封装好的组件就可以了,例如

<el-amap vid=”amapDemo” :zoom=”zoom” :center=”center”></el-amap>

详情参见官方文档 https://elemefe.github.io/vue-amap/

此时地图就加载完成了,后面将写入高德地图中一些常用功能


发表评论

电子邮件地址不会被公开。 必填项已用*标注