百度地图的引入
在index.html引入百度地图开发包如下:
<!DOCTYPE html>
<html>
……
<body>
<div id="app"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=百度地图开放平台申请的API.KEY"></script>
</body>
</html>
若控制台有黄色警告
建议改api为getscript即可
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=百度地图开放平台申请的API.KEY"></script>
接着eslint报错BMap未定义,但是地图加载进来了能正常使用,只需配置eslint让其识别BMap这个全局变量,方法同cdn引入第三方包时的配置:
1、修改webpack.base.conf.js
externals: {
'vue': 'Vue',
'vue-router': 'VueRouter',
……
'BMap'