baidumap-jsapi-loader

baidumap-jsapi-loader 是针对百度地图 JSAPI 的加载器，可帮助开发者快速定位、有效避免加载引用地图 JSAPI 各种错误用法。

该加载器具有以下特性：

• 支持以 普通JS 和 npm包 两种方式使用；
• 有效避免错误异步加载导致的 JSAPI 资源加载不完整问题；
• 对于加载混用多个版本 JSAPI 的错误用法给予报错处理；
• 对于不合法加载引用 JSAPI 给予报错处理；
• 支持指定 JSAPI 版本；
• 支持插件加载；
• 允许多次执行加载操作，网络资源不会重复请求，便于大型工程模块管理；

USAGE

AMapLoader.load方法参数说明

AMapLoader.load({
    "ak": "",              // 申请好的Web端开发者ak，首次调用 load 时必填
    "version": "1.0",   // 指定要加载的 JSAPI 的版本，缺省时默认为 1.0
    "plugins": []           // 需要使用的的插件列表
    "BaiduMap": {             // 是否加载 AMapUI，缺省不加载
        "plugins":[],       // 需要加载的 BaiduMap 插件
    }
}).then(()=>{
    window.AMap.xx;
});

使用

以普通 JS 方式使用 Loader

尚未发布在线Loader，可将 dist/index.js 复制到项目下

<script src="../dist/index.js"></script>
<script>
    BaiduMapLoader.load({
        ak:'',//首次load必填
        version: '1.0'
    }).then((BaiduMap)=>{
        map = new BaiduMap.Map('container');
        map.enableScrollWheelZoom()
    }).catch((e)=>{
        console.error(e);
    });   
</script>

以 NPM 包方式使用 Loader

安装

npm i baidumap-jsapi-loader --save-dev

使用

import BaiduMapLoader from 'baidumap-jsapi-loader';

BaiduMapLoader.load().then((BaiduMap)=>{
    map = new BaiduMap.Map('container');
}).catch(e=>{
    console.log(e);
})