AMapJS

基于AMap高德地图构建的API加载器。

特性

- 开箱即用的高质量 Loader。
- 友好指定 API 版本。
- 支持按需引入。
- 支持插件模块加载。
- 可以 Loader 队列加载。
- 允许多次执行加载操作，网络资源不会重复请求。

安装

``bash

`通过 npm 安装`


npm i amap-js -S
通过 yarn 安装

yarn add amap-js


快速入手

`javascript import AMapJS from 'amap-js'; // or // import { AMapLoader, AMapUILoader, LocaLoader, ... } from 'amap-js';

// 创建AMapLoader const loader = new AMapJS.AMapLoader({ key: '您申请的高德Key值', version: '2.0', plugins: [], });

// 调用 load 方法完成加载并调用执行回调。 loader .load() .then(() => { // 加载完成 console.log(AMap); }) .catch(e => { // 加载失败 });``

AMapJS 支持按需引入、CDN 引入等方式，详细说明见快速上手.

浏览器支持

| !Chrome | !Firefox | !Safari | !Opera | !Edge | !IE |
| :--------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------: |
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 9+ ✔ |

AMapJS 支持现代浏览器以及所有兼容 ECMAScript 5 的浏览器.

许可

MIT

通过 npm 安装

npm i amap-js -S

通过 yarn 安装

yarn add amap-js

快速入手

javascript
import AMapJS from 'amap-js';
// or
// import { AMapLoader, AMapUILoader, LocaLoader, ... } from 'amap-js';

// 创建AMapLoader
const loader = new AMapJS.AMapLoader({
  key: '您申请的高德Key值',
  version: '2.0',
  plugins: [],
});

// 调用 load 方法完成加载并调用执行回调。
loader
  .load()
  .then(() => {
    // 加载完成
    console.log(AMap);
  })
  .catch(e => {
    // 加载失败
  });

AMapJS 支持按需引入、CDN 引入等方式，详细说明见快速上手.

浏览器支持

AMapJS 支持现代浏览器以及所有兼容 ECMAScript 5 的浏览器.