NUKE
NUKE
  • 发布:2019-08-13 11:18
  • 更新:2020-03-03 17:59
  • 阅读:2630

vue 动态加载百度地图库(局部)

分类:HBuilderX

map.js文件

export default {  
    init: function (){  
            //console.log("初始化百度地图脚本...");  
            const AK = "AK";  
            const BMap_URL = "https://api.map.baidu.com/api?v=2.0&ak="+ AK +"&s=1&callback=onBMapCallback";  
            return new Promise((resolve, reject) => {  
                // 如果已加载直接返回  
                if(typeof BMap !== "undefined") {  
                     resolve(BMap);  
                     return true;  
             }  

             // 百度地图异步加载回调处理  
             window.onBMapCallback = function () {  
                    //   console.log("百度地图脚本初始化成功...");  
                    resolve(BMap);  
             };  

             // 插入script脚本  
             let scriptNode = document.createElement("script");  
             scriptNode.setAttribute("type", "text/javascript");  
             scriptNode.setAttribute("src", BMap_URL);  
             document.body.appendChild(scriptNode);  
      });  
    }  
}

vue文件

import BaiduMap from './map.js';  

BaiduMap.init().then((BMap) => {  
        this.loadScript('http://unpkg.com/inmap/dist/inmap.min.js',()=>{  
               this.init();  
        });  
});
0 关注 分享

要回复文章请先登录注册

Guan

Guan

this.loadScript 报错,还有引用其他文件吗?
2020-03-03 17:59