<el-col :span="24" > <div style="100%;height:300px;" id="allmap"></div> </el-col>
import {MP} from '../../../util/baiDuMap' setTimeout在vue里需生命变量this, 参数是函数 let _this=this setTimeout( function() { _this.path=arr; _this.play = true;},idx*10) mounted() { this.$nextTick(function(){ MP().then(BMap => { //在此调用api var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 }); }) }
baiDuMap.js文件
export function MP() { return new Promise(function (resolve, reject) { window.onload = function () { resolve(BMap) } var script = document.createElement("script"); script.type = "text/javascript"; script.src = "http://api.map.baidu.com/api?v=2.0&ak=TI7gCHQoTkipcLw50VvOSYYP&callback=init"; script.onerror = reject; document.head.appendChild(script); }) }