als 开发者 方式 rom 文件中 是你 con 想要 做的
在 vue 项目的开发过程中,我们会需要用到地图显示功能,那么如何在 vue 项目中引用百度地图或者谷歌地图呢?下面是我自己在开发过程中的引用方式,如果有更好的方式,欢迎提出.
一,在 index.html 文件的头部引入地图
其中 src 是引入地图的 url,ak 是你在地图官网申请的开发者公钥 二,在 webpack.base.conf.js 文件中的 module.exports 添加配置 externals:{'BMap': 'BMap' 三,执行 npm install 四,在需要地图的组件内 import BMap from 'BMap',在想要显示地图的 div 中 定义 id,接下来只有根据官方文档 中 的步骤在 created 中初始化你想要的地图便可,下面是我自己做的小栗子: PS:高德地图和百度地图的实现方式基本一致(高德地图的配置是 AMap),就看你需求里是要使用哪个咯.
在 vue2 中使用百度或者谷歌地图
来源: http://www.bubuko.com/infodetail-2463162.html