一、介绍

访问API

有多种选项可将ArcGIS API for JavaScript引入您的应用程序。我的一篇文章已经介绍过有关 AMD和ES模块的更多信息。

通过ArcGIS CDN的AMD模块

访问API的最常见方法是使用托管版本。从我们的CDN中引用API和CSS，以开始在您的应用程序中使用API​​。 
 
<link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/css/main.css">
<script src="https://js.arcgis.com/4.18/"></script>

通过CDN的ES模块

注意：目前仅建议将这种方法用于开发和原型制作。

 
<link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/css/main.css">
<script type="module">
  import Map from "https://js.arcgis.com/4.18/@arcgis/core/Map.js";

  // Use the Map class
</script>

通过NPM的ES模块

也可以使用npm（JavaScript程序包管理器）使用JavaScript API。您可以在本地安装API，以与JavaScript框架（如React和Vue）以及模块 捆绑程序（如 webpack或 rollup.js）一起使用。

安装：

npm install @arcgis/core

然后导入模块：

import Map from "@arcgis/core/Map";

比较AMD和ES模块

这是使用AMD和ES模块的一些常见原因。

CDN（AMD） ESM本地版本 AMD本地版本
无需安装，配置或本地构建 √
通过CDN缓存实现快速下载性能 √
通过npm轻松安装 √
与大多数现代框架和构建工具无缝集成 √
将API版本4.17或更早版本与框架或构建工具一起使用 √
使用Dojo 1或RequireJS √
注意：如果您将4.18+与框架或构建工具一起使用，并且没有使用Dojo 1或RequireJS，则应该 使用ES模块进行 构建。

二、使用ES模块构建

将模块安装到您的项目中：

npm install @arcgis/core

然后使用import语句加载单个模块。

 
import WebMap from '@arcgis/core/WebMap';
import MapView from '@arcgis/core/views/MapView';

下一篇：arcgis api for 4.x 学习笔记-在Vue 2.X项目中部署arcgis api for javascript 4.x（二）_u012917880的博客-CSDN博客

# npm # javascript # typescript # vue.js # es6
Logo
技术共进，成长同行——讯飞AI开发者社区

技术共进，成长同行——讯飞AI开发者社区

更多推荐

876章:人工智能的主要分支

人工智能（Artificial Intelligence, AI）指通过计算机系统模拟人类智能的技术，涵盖机器学习、自然语言处理、计算机视觉等领域。其核心目标是使机器具备推理、学习、规划和感知等能力。

avatar 讯飞AI开发者社区
cover

【愚公系列】《人工智能70年》017-语音识别的历史性突破（统计语言学打破沉寂）

avatar 讯飞AI开发者社区

让AI仿真“一虎一席谈”组织专家对指定“人工智能+”议题做第三次研讨辩论

我们的“三层共生模型”是一个出色的社会工程蓝图，但它回避了最根本的问题：当AI接管了“生产力”，人类的“贡献”到底意味着什么？Taleb先生的警告是正确的，因为我们还在用线性思维看待一个正在经历范式转换的复杂系统。当我们越来越依赖AI的“答案”时，我们自身的试错、推理和从错误中学习的反脆弱能力将急剧萎缩。我们需要跳出“人 vs AI”或“人 + AI”的框架，进入“人与AI共同组成的。我们的三层模

avatar 讯飞AI开发者社区