开始

基本步骤:

  1. 安装与设置 API: https://developers.arcgis.com/javascript/latest/get-started/#1-install-and-set-up
  2. 获取 API key(访问服务) https://developers.arcgis.com/javascript/latest/get-started/#2-get-an-api-key
  3. 开始展示地图教程 https://developers.arcgis.com/javascript/latest/tutorials/display-a-map/

1. 安装与设置

有很多中方法将 ArcGIS for JavaScript 引入到项目中. 最为常见的方式是 AMD, CND, 以及以 ES 模块的形式引入

使用 AMD 方式， 可以使用：

<link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/light/main.css">
<script src="https://js.arcgis.com/4.28/"></script>

而使用 ES 模块的方式则是:

npm i @arcgis/core

添加样式则使用 @import

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

jk: 比较疑惑的是, CSS 不是应该包含在包中吗? 为何又使用 url 链接呢???

不过通过 @arcgis/core 包来看, 内部已经带有 CSS 文件.

更多信息查看 安装与设置.

2. 获得 API key

注意: 若应用仅使用 ArcGIS Identities 来认证, 可以跳过该步骤. 参考 安全与认证文档.

API Key 用于访问 ArcGIS 服务. 访问自己的 dashboard, 然后拷贝 默认 API Key. 或者设置自定义 scope 以及特殊的需求. 在请求中需要带上 API Key. 你可以使用全局 API Key, 也可以在具体类中使用, 进行更为细度的控制.

操作步骤:

  1. 登录你的 dashboard
  2. 拷贝默认的 ApiKey,或生成一个新的.

3. 教程

展示地图 https://developers.arcgis.com/javascript/latest/tutorials/display-a-map/

展示你的位置 https://developers.arcgis.com/javascript/latest/tutorials/display-your-location/

添加点, 线, 以及多边形 https://developers.arcgis.com/javascript/latest/tutorials/add-a-point-line-and-polygon/

Last Updated:
Contributors: jk