安装与设置

访问 API

引入包的方式很多, 细节可以参考 工具简介.

AMD modules via ArcGIS CDN [略]

使用 NPM 来加载 ES 模块

可以在 node 项目中用 npm 来安装模块, 然后使用 webpack 或 rollup.js 来打包.

安装:

npm install @arcgis/core

然后导入模块:

import Map from '@arcgis/core/Map.js'

然后使用 @import 导入 CSS:

/* CSS url as a string */
@import "https://js.arcgis.com/4.28/@arcgis/core/assets/esri/themes/light/main.css";

更多细节可以参考下面文档

• 工具简介 https://developers.arcgis.com/javascript/latest/tooling-intro/
• 使用 ES 模块打包 https://developers.arcgis.com/javascript/latest/es-modules/

使用 CDN 加载 ES 模块 (略)

使用 script 标签的 type="module" 来加载模块.

AMD modules hosted locally (略)

Web server hosting configuration (略)

补充

工具简介

ArcGIS Maps SDK for JavaScript 支持 ES 模块方案, 和 AMD 模块方案. 并且两个模块方案使用相同的 API.

推荐使用标准的 ES 模块方案.

然后介绍了 两个方案的区别, 以及 API 的展示.

// ES Module
import Map from '@arcgis/core/Map.js'
import MapView from '@arcgis/core/views/MapView.js'

const map = new Map({
  basemap: 'topo-vector'
})

const view = new MapView({
  container: 'viewDiv',
  map: map
})

// AMD Module
require(["esri/Map", "esri/views/MapView"], (Map, MapView) => {
  const map = new Map({
    basemap: "topo-vector"
  });

  const view = new MapView({
    container: "viewDiv",
    map: map
  });
});