# amap-jsapi-loader
amap-jsapi-loader 鏄珮寰峰紑鏀惧钩鍙板畼缃戞彁渚涚殑鍦板浘 JSAPI 鐨勫姞杞藉櫒锛屽彲甯姪寮€鍙戣€呭揩閫熷畾浣嶃€佹湁鏁堥伩鍏嶅姞杞藉紩鐢ㄥ湴鍥� JSAPI 鍚勭閿欒鐢ㄦ硶銆�


璇ュ姞杞藉櫒鍏锋湁浠ヤ笅鐗规€э細
* 鏀寔浠� 鏅€欽S 鍜� npm鍖� 涓ょ鏂瑰紡浣跨敤锛�
* 鏈夋晥閬垮厤閿欒寮傛鍔犺浇瀵艰嚧鐨� JSAPI 璧勬簮鍔犺浇涓嶅畬鏁撮棶棰橈紱
* 瀵逛簬鍔犺浇娣风敤澶氫釜鐗堟湰 JSAPI 鐨勯敊璇敤娉曠粰浜堟姤閿欏鐞嗭紱
* 瀵逛簬涓嶅悎娉曞姞杞藉紩鐢� JSAPI 缁欎簣鎶ラ敊澶勭悊锛�
* 鏀寔鎸囧畾 JSAPI 鐗堟湰锛�
* 鏀寔鎻掍欢鍔犺浇锛�
* 鍏佽澶氭鎵ц鍔犺浇鎿嶄綔锛岀綉缁滆祫婧愪笉浼氶噸澶嶈姹傦紝渚夸簬澶у瀷宸ョ▼妯″潡绠＄悊锛�


# USAGE

## AMapLoader.load鏂规硶鍙傛暟璇存槑
```js
AMapLoader.load({
    "key": "",              // 鐢宠濂界殑Web绔紑鍙戣€匥ey锛岄娆¤皟鐢� load 鏃跺繀濉�
    "version": "2.0",   // 鎸囧畾瑕佸姞杞界殑 JSAPI 鐨勭増鏈紝缂虹渷鏃堕粯璁や负 1.4.15
    "plugins": []           // 闇€瑕佷娇鐢ㄧ殑鐨勬彃浠跺垪琛紝濡傛瘮渚嬪昂'AMap.Scale'绛�
    "AMapUI": {             // 鏄惁鍔犺浇 AMapUI锛岀己鐪佷笉鍔犺浇
        "version": '1.1',   // AMapUI 缂虹渷 1.1
        "plugins":[],       // 闇€瑕佸姞杞界殑 AMapUI ui鎻掍欢
    },
    "Loca":{                // 鏄惁鍔犺浇 Loca锛� 缂虹渷涓嶅姞杞�
        "version": '1.3.2'  // Loca 鐗堟湰锛岀己鐪� 1.3.2
    },
}).then(()=>{
    window.AMap.xx;
    window.AMapUI.xx;
    window.Loca.xx
});

```

## AMapUI

AMapUI 鐢ㄦ硶鍜屽畼缃戞湁涓€鐐圭偣鍖哄埆銆傞€氳繃 AMapUI.xx 鏉ヨ幏鍙栫粍浠�
```js
AMapLoader.load({
    key: '',//棣栨load蹇呭～
    version: '2.0',
    AMapUI: {
        version: '1.1',
        plugins: ['overlay/SimpleMarker'],
    }
}).then((AMap) => {
    map = new AMap.Map('container');

    // !!! 閫氳繃 AMap.SimpleMarker 鑾峰彇缁勪欢
    new AMapUI.SimpleMarker({
        //鍓嶆櫙鏂囧瓧
        iconLabel: 'A',
        //鍥炬爣涓婚
        iconTheme: 'default',
        //鑳屾櫙鍥炬爣鏍峰紡
        iconStyle: 'red',
        map: map,
        position: map.getCenter()
    });
}).catch((e) => {
    console.error(e);
});
```


# 浣跨敤
#### 浠ユ櫘閫� JS 鏂瑰紡浣跨敤 Loader
灏氭湭鍙戝竷鍦ㄧ嚎Loader锛屽彲灏� dist/index.js 澶嶅埗鍒伴」鐩笅
```
<script src="../dist/index.js"></script>
<script>
    AMapLoader.load({
        key:'',//棣栨load蹇呭～
        version:'2.0',
        plugins:['AMap.Scale']
    }).then((AMap)=>{
        map = new AMap.Map('container');
        map.addControl(new AMap.Scale())
    }).catch((e)=>{
        console.error(e);
    });   
</script>
```
#### 浠� NPM 鍖呮柟寮忎娇鐢� Loader
瀹夎
```
tnpm i @alife/amap-jsapi-loader --save-dev
```
浣跨敤
```
import AMapLoader from '@alife/amap-jsapi-loader';

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

```

# 鐩稿叧閾炬帴锛�
鍦�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍥� JSAPI锛�  &nbsp;&nbsp;[绀轰緥涓績](https://lbs.amap.com/demo-center/js-api)&nbsp;&nbsp;&nbsp;&nbsp;[鏁欑▼](https://lbs.amap.com/api/javascript-api/summary)&nbsp;&nbsp;&nbsp;&nbsp;[鍙傝€冩墜鍐宂(https://lbs.amap.com/api/javascript-api/reference/map)



鏁版嵁鍙鍖� JSAPI锛�  &nbsp;&nbsp;[绀轰緥涓績](https://lbs.amap.com/demo-center/loca-api)&nbsp;&nbsp;&nbsp;&nbsp;[鏁欑▼](https://lbs.amap.com/api/loca-api/prod_intro)&nbsp;&nbsp;&nbsp;&nbsp;[鍙傝€冩墜鍐宂(https://lbs.amap.com/api/loca-api/guide/baselayer)