百度地图的引入
在index.html引入百度地图开发包如下:
……
若控制台有黄色警告
建议改api为getscript即可
接着eslint报错BMap未定义,但是地图加载进来了能正常使用,只需配置eslint让其识别BMap这个全局变量,方法同cdn引入第三方包时的配置:
1、修改webpack.base.conf.js
externals: {
'vue': 'Vue',
'vue-router': 'VueRouter',
……
'BMap': 'window.BMap'
},
2、修改配置文件.eslintrc.js
globals: {
'Vue': true,
'VueRouter': true,
……
'BMap': true
}
至此可以正常创建一个地图div容器,初始化使用百度地图了,注意容器的高度宽度设置,否则地图可能显示不出来。
中心点和坐标偏移的问题
代码设置如下:
initMap () {
this.map =