一、首先在百度api注册获得ak密钥
二、新建js文件,我命名为loadBMap.js,里面创建script,代码如下:
/**
* 加载地图
* @param {Function} callback 回调函数名称,回调函数将会挂载到window上,例如:window.initBaiduMapScript,在方法中就能拿到BMap对象
*/export functionloadBMap(callback) {
var script = document.createElement('script')
script.src = 'http://api.map.baidu.com/api?v=2.0&ak=你的AK&callback=' +callback
document.body.appendChild(script)
}
三、在Vue页面中导入js
import { loadBMap } from './loadBMap'
四、在Vue页面中定义一些需要用到的数据
data () {
return{
BMap: null,
geolocation: null, //Geolocation对象实例
position