《ArcGIS API 4教程 初级入门》
第一章：ArcGIS API 4简介
地理信息系统（GIS）在当今数字化时代扮演着至关重要的角色，而ArcGIS API 4作为Esri公司推出的一款强大的GIS开发工具，为开发者提供了构建交互式和可视化地图应用的理想平台。在文中，我们将深入探讨ArcGIS API 4的背景、应用领域以及为何它成为GIS开发的首选工具。
1.1 ArcGIS API 4的背景和用途
ArcGIS API 4是Esri公司基于WebGIS概念推出的一套开发工具，旨在简化地图应用的构建过程。GIS的应用范围广泛，包括城市规划、自然资源管理、灾害应对等领域。ArcGIS API 4通过提供高度可定制的接口，使得开发者能够充分发挥GIS在这些领域的潜力。
1.1.1 GIS的演进
GIS技术的演进是ArcGIS API 4诞生的背景之一。过去，GIS主要是专业领域的工具，需要深厚的地理学和计算机科学知识。随着互联网的发展，WebGIS的概念应运而生，将GIS的强大功能带入了Web浏览器。而ArcGIS API 4正是构建在这一理念之上的。
1.1.2 ArcGIS API 4的应用领域
ArcGIS API 4广泛应用于多个领域，包括但不限于：
-
Web地图应用开发： 构建直观、交互式的Web地图应用，让用户能够在浏览器中轻松浏览地理空间信息。
-
移动端应用开发： 利用API的跨平台能力，在移动设备上开发GIS应用，方便用户在任何时间、任何地点获取地理信息。
-
GIS数据可视化： 利用API提供的图层、符号系统，实现地理数据的生动可视化，帮助用户更好地理解信息。
在这一小节，我们回顾了GIS技术的发展历程以及ArcGIS API 4在这个背景下的应用。下面，我们将进一步了解如何注册开发者账号和获取API密钥，以顺利开始我们的GIS开发之旅。
1.2 注册开发者账号和获取API密钥
为了使用ArcGIS API 4，您需要拥有一个Esri开发者账号，并获取专属的API密钥。这个过程非常简单，我们将一步步为您演示。
1.2.1 注册开发者账号
首先，访问Esri开发者门户。在右上角找到“注册”按钮，点击进入注册页面。填写必要信息，完成账号注册。
1.2.2 获取API密钥
登录Esri开发者门户后，点击右上角的用户名，选择“我的内容”页面。在左侧导航栏中选择“密钥”选项，然后点击“创建密钥”按钮。填写相关信息，即可生成API密钥。
在这个过程中，我们确保您能够顺利注册开发者账号并获取API密钥，为后续的开发工作做好准备。下一步，我们将创建我们的第一个地图应用。
1.3 创建第一个地图应用
在本小节，我们将通过实际操作，使用ArcGIS API 4创建一个简单的地图应用。这将帮助您更好地理解API的基本使用方法。
1.3.1 创建HTML页面
首先，打开您习惯用的代码编辑器，新建一个HTML文件。在文件中添加基本的HTML结构，并引入ArcGIS API的CSS和JavaScript文件。
My First ArcGIS Map App
这是一个简单的HTML结构，通过引入ArcGIS API的样式和脚本，我们为地图应用初始了一个基本的环境。
1.3.2 初始化ArcGIS Map对象
在脚本部分，我们使用了ArcGIS API提供的Map和MapView模块，创建了一个基本的地图对象和地图视图。
require([
"esri/Map",
"esri/views/MapView",
], function(Map, MapView) {
var map = new Map({
basemap: "streets"
});
var view = new MapView({
container: "viewDiv",
map: map,
center: [0, 0],
zoom: 2
});
});
通过以上代码，我们成功创建了一个基本的地图应用，使用了默认的街道底图，地图视图的中心点在经纬度坐标[0, 0]，初始缩放级别为2。这个简单的示例为您提供了一个入门级的ArcGIS API应用。
在本章中，我们回顾了ArcGIS API 4的背景和应用领域，以及如何注册开发者账号和获取API密钥。最后，我们通过一个简单的实例了解了API的基本使用方法。在下一章，我们将深入探讨如何在地图应用中添加图层和实现基本的交互功能，帮助您更好地理解和运用ArcGIS API 4。
第二章：初识地图应用开发
在第一章中，我们了解了ArcGIS API 4的背景和应用领域，并成功注册了开发者账号并获取了API密钥。现在，我们将深入地了解如何通过ArcGIS API 4创建一个地图应用，并进一步学习如何添加矢量和栅格图层，以及如何设置地图的初始视图范围。
2.1 创建基本的地图应用
让我们开始创建一个基本的ArcGIS地图应用。首先，打开您的代码编辑器，新建一个HTML文件，并使用以下代码：
ArcGIS Map App
这是一个基本的HTML文件，其中包含了ArcGIS API的样式和脚本，以及一个简单的地图容器viewDiv。此时，您将得到一个显示默认街道地图的地图应用。
2.2 初始化ArcGIS Map对象
在上述代码中，我们初始化了一个Map对象，其中包含了一个名为"streets"的底图。底图决定了地图的基本外观，而"streets"是默认的街道地图底图。
var map = new Map({
basemap: "streets"
});
在实际开发中，您可以根据应用的需求选择不同的底图，例如"topo"（地形图）或"satellite"（卫星图）。
2.3 创建Mapview和设置初始视图
接下来，我们创建了一个MapView对象，并将其关联到之前创建的Map对象上。通过center和zoom属性，我们设置了地图视图的初始中心点和缩放级别。
var view = new MapView({
container: "viewDiv",
map: map,
center: [0, 0],
zoom: 2
});
这里，container指定了地图应用的容器，即HTML中的viewDiv。这个容器将承载地图的显示区域。
2.4 添加矢量和栅格图层
地图应用的真正魅力在于图层的添加。ArcGIS API 4支持各种类型的图层，包括矢量图层和栅格图层。
2.4.1 添加矢量图层
让我们添加一个矢量图层，例如一个点标记图层，用于显示感兴趣的地理位置。
// 添加一个矢量图层
var graphicsLayer = new GraphicsLayer();
map.add(graphicsLayer);
// 在图层上添加一个点标记
var point = {
type: "point",
longitude: -74,
latitude: 40
};
var simpleMarkerSymbol = {
type: "simple-marker",
color: [226, 119, 40], // 橙色
outline: {
color: [255, 255, 255], // 白色
width: 1
}
};
var pointGraphic = new Graphic({
geometry: point,
symbol: simpleMarkerSymbol
});
graphicsLayer.add(pointGraphic);
在这个例子中，我们创建了一个矢量图层graphicsLayer，并在图层上添加了一个橙色的点标记，表示地图中的一个位置。
2.4.2 添加栅格图层
除了矢量图层，我们还可以添加栅格图层，例如一个地形图图层。
// 添加一个栅格图层
var elevationLayer = new ElevationLayer({
url: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
});
map.ground.layers.add(elevationLayer);
这里，我们添加了一个地形图图层，用于展示地图的立体效果。这是通过ElevationLayer实现的，该图层连接了一个提供高程数据的服务。
2.5 设置地图视图范围
为了确保用户在打开地图应用时能够看到感兴趣的区域，我们可以设置地图视图的初始范围。
var initialExtent = new Extent({
xmin: -130,
ymin: 20,
xmax: -65,
ymax: 50,
spatialReference: {
wkid: 4326
}
});
view.extent = initialExtent;在这个例子中，我们通过Extent对象定义了地图的初始范围，包括经纬度坐标的最小和最大值。然后，我们将视图的范围设置为这个初始范围。
2.6 地图应用的基础构建完成
通过以上步骤，我们成功创建了一个包含矢量和栅格图层的地图应用。这个应用展示了如何使用ArcGIS API 4构建一个基本的GIS应用，并通过图层的添加使地图更加丰富和生动。
在下一章，我们将深入研究地图应用的交互性，学习如何使用户能够与地图进行交互，并进一步提升地图应用的用户体验。在这个过程中，我们将涉及到如何添加地图工具、实现地图导航等内容。敬请期待！
第三章：交互式地图应用
在前两章的基础上，我们已经成功创建了一个基本的ArcGIS地图应用，并添加了矢量和栅格图层。本章将深入研究如何通过ArcGIS API 4实现交互性，使用户能够与地图进行更深入的互动。我们将学习如何添加地图工具、实现地图导航，以及通过弹出窗口展示地理信息。
3.1 添加地图工具
地图工具是地图应用中的重要组成部分，它们提供了丰富的交互功能，使用户能够更灵活地浏览和分析地图。让我们来学习如何添加一个简单的缩放工具。
// 添加缩放工具
var zoomIn = new Zoom({
view: view,
zoomInNode: "zoomInBtn"
});
var zoomOut = new Zoom({
view: view,
zoomOutNode: "zoomOutBtn"
});
在这个例子中，我们创建了两个Zoom工具，分别用于放大和缩小地图。这些工具与HTML中的按钮元素（例如"id"为"zoomInBtn"和"zoomOutBtn"的按钮）关联，使用户可以通过点击按钮来实现地图的放大和缩小操作。
3.2 实现地图导航
地图导航是地图应用中的关键功能之一，它允许用户在地图上自由浏览。通过ArcGIS API 4，我们可以轻松地实现地图的导航功能，包括平移、旋转等。
// 添加地图导航工具
var navigation = new Navigation({
view: view
});
通过上述代码，我们创建了一个Navigation工具，并将其关联到之前创建的MapView上。用户可以使用鼠标进行地图的平移、缩放和旋转操作，提升了地图的可交互性。
3.3 弹出窗口显示地理信息
为了让用户更详细地了解地图上的要素，我们可以通过弹出窗口展示地理信息。在这个例子中，我们以一个简单的点标记为例，展示如何通过点击点标记触发弹出窗口。
// 添加点标记图层
var graphicsLayer = new GraphicsLayer();
map.add(graphicsLayer);
// 在图层上添加一个点标记
var point = {
type: "point",
longitude: -74,
latitude: 40
};
var simpleMarkerSymbol = {
type: "simple-marker",
color: [226, 119, 40], // 橙色
outline: {
color: [255, 255, 255], // 白色
width: 1
}
};
var pointGraphic = new Graphic({
geometry: point,
symbol: simpleMarkerSymbol,
attributes: {
name: "Point of Interest",
description: "This is a sample location."
}
});
graphicsLayer.add(pointGraphic);
// 监听点击事件，弹出窗口显示信息
view.on("click", function(event) {
view.hitTest(event).then(function(response) {
if (response.results.length) {
var graphic = response.results[0].graphic;
view.popup.open({
title: graphic.attributes.name,
content: graphic.attributes.description,
location: event.mapPoint
});
}
});
});
在这个示例中，我们首先创建了一个矢量图层graphicsLayer，并在图层上添加了一个橙色的点标记。接着，我们通过监听地图的点击事件，使用hitTest方法判断用户是否点击到了图形，如果点击到了，就弹出包含相关信息的窗口。
3.4 完善用户体验
为了提升用户体验，我们可以进一步添加一些交互式的元素，例如缩放滑块、地图切换等。
// 添加缩放滑块
var slider = new Slider({
container: "sliderDiv",
min: 0,
max: 20,
values: [2],
precision: 0.01,
rangeLabelsVisible: true,
labelsVisible: true
});
slider.on("thumb-drag", function(event) {
view.zoom = event.value;
});
// 添加底图切换
var basemapToggle = new BasemapToggle({
view: view,
nextBasemap: "satellite"
});
view.ui.add(basemapToggle, "bottom-right");
在这个例子中，我们添加了一个缩放滑块，使用户能够通过滑动来调整地图的缩放级别。同时，我们还加入了一个底图切换工具，允许用户在街道地图和卫星图之间切换。
3.5 小结
通过本章的学习，我们深入了解了如何通过ArcGIS API 4实现交互式地图应用。我们学会了添加地图工具、实现地图导航，以及通过弹出窗口展示地理信息。这些功能不仅提升了地图应用的用户体验，也使用户能够更灵活地与地图进行互动。
在下一章中，我们将进一步扩展地图应用的功能，涉及到空间查询、自定义图层等内容。敬请期待！
第四章：空间查询与自定义图层
在前三章的基础上，我们已经学习了如何创建基本的地图应用，实现了交互性的功能。本章将进一步拓展我们的地图应用，重点介绍如何进行空间查询，以及如何创建自定义图层，使地图更符合特定需求。
4.1 空间查询
空间查询是GIS应用中常见的需求之一，它允许我们根据地理位置信息来检索和分析地图上的要素。在ArcGIS API 4中，我们可以利用Query对象和相关的模块来执行空间查询。
让我们以一个简单的例子为基础，假设我们有一个包含各城市坐标的点标记图层，现在要实现点击地图上某个城市，然后显示该城市附近的其他城市。
// 创建城市点标记图层
var citiesLayer = new GraphicsLayer();
map.add(citiesLayer);
// 添加城市点标记
var cities = [
{ name: "City A", geometry: { type: "point", longitude: -74, latitude: 40 } },
{ name: "City B", geometry: { type: "point", longitude: -80, latitude: 35 } },
// 添加更多城市...
];
cities.forEach(function(city) {
var pointGraphic = new Graphic({
geometry: city.geometry,
symbol: /* 城市点标记样式 */,
attributes: { name: city.name }
});
citiesLayer.add(pointGraphic);
});
// 监听地图点击事件
view.on("click", function(event) {
// 进行空间查询
performSpatialQuery(event.mapPoint);
});
// 执行空间查询
function performSpatialQuery(clickedPoint) {
// 创建空间查询对象
var query = new Query({
geometry: clickedPoint,
distance: 100000, // 查询半径，单位：米
spatialRelationship: "intersects",
outFields: ["*"]
});
// 进行查询
citiesLayer.queryFeatures(query).then(function(results) {
// 处理查询结果
displayQueryResults(results);
});
}
// 显示查询结果
function displayQueryResults(results) {
// 处理查询结果并展示在弹出窗口中
// ...
}
在上述代码中，我们创建了一个包含城市坐标的点标记图层，并通过监听地图点击事件执行空间查询。查询的结果将附近的城市显示在弹出窗口中。
4.2 创建自定义图层
在某些情况下，标准的底图和图层不能完全满足我们的需求，这时就需要创建自定义图层。ArcGIS API 4允许我们通过Layer类创建自定义图层，以展示各种各样的地理信息。
例如，我们可以创建一个显示实时交通信息的图层。首先，我们需要获取实时交通信息的数据源，并将数据以图层的形式呈现在地图上。
// 创建实时交通信息图层
var trafficLayer = new Layer({
id: "trafficLayer",
visible: true,
url: "https://traffic.arcgis.com/arcgis/rest/services/World/Traffic/MapServer"
});
// 添加图层到地图
map.add(trafficLayer);
在上述代码中，我们创建了一个名为trafficLayer的图层，通过指定url属性连接到实时交通信息的数据源。随后，通过map.add方法将这个图层添加到地图中。
4.3 自定义图层的交互性
自定义图层不仅可以展示静态信息，还可以提供交互性的体验。例如，我们可以监听地图的鼠标悬停事件，当用户悬停在实时交通信息的图层上时，显示相关的信息。
// 监听鼠标悬停事件
view.on("pointer-move", function(event) {
// 判断鼠标是否悬停在交通信息图层上
var hitTestPromise = view.hitTest(event);
hitTestPromise.then(function(response) {
response.results.forEach(function(result) {
if (result.graphic.layer.id === "trafficLayer") {
// 处理悬停在交通信息图层上的操作，例如显示实时路况
displayTrafficInfo(result.graphic);
}
});
});
});
// 显示实时路况信息
function displayTrafficInfo(graphic) {
// 处理并展示实时路况信息
// ...
}
在上述代码中，我们通过监听pointer-move事件来判断鼠标是否悬停在交通信息图层上，并在悬停时显示相关的实时路况信息。
4.4 小结
通过本章的学习，我们深入了解了如何通过ArcGIS API 4进行空间查询，并创建了自定义图层展示实时交通信息。空间查询是GIS应用中常用的功能，而自定义图层则为我们提供了更大的灵活性，使我们能够展示更加丰富和个性化的地理信息。
在下一章中，我们将学习如何进行地图的可视化，通过数据可视化技术呈现地理信息，以及如何实现更高级的GIS功能。
第五章：数据可视化
在前四章的基础上，我们已经学习了如何创建基本的地图应用、实现交互性、进行空间查询以及创建自定义图层。本章将进一步深入，学习如何通过地图可视化技术呈现地理信息，以及如何实现更高级的GIS功能，包括数据聚合、路径分析等。
5.1 地图可视化
地图可视化是GIS应用中的重要部分，通过不同的图表、颜色和样式，我们能够更直观地理解地图上的信息。在ArcGIS API 4中，我们可以通过Renderer对象和相关的模块实现地图要素的可视化。
5.1.1 点密度可视化
假设我们有一个包含大量地点的点标记图层，我们希望通过点密度可视化的方式展示这些地点的分布情况。
// 创建点标记图层
var pointsLayer = new GraphicsLayer();
map.add(pointsLayer);
// 添加大量地点
var points = [
{ name: "Point A", geometry: { type: "point", longitude: -74, latitude: 40 } },
{ name: "Point B", geometry: { type: "point", longitude: -80, latitude: 35 } },
// 添加更多地点...
];
points.forEach(function(point) {
var pointGraphic = new Graphic({
geometry: point.geometry,
symbol: /* 地点标记样式 */,
attributes: { name: point.name }
});
pointsLayer.add(pointGraphic);
});
// 创建点密度渲染器
var pointDensityRenderer = {
type: "heatmap",
colorStops: [
{ color: "rgba(255, 255, 255, 0)", ratio: 0 },
{ color: "rgba(255, 140, 0, 1)", ratio: 0.2 },
{ color: "rgba(255, 140, 0, 0.8)", ratio: 0.4 },
{ color: "rgba(255, 140, 0, 0.6)", ratio: 0.6 },
{ color: "rgba(255, 140, 0, 0.4)", ratio: 0.8 },
{ color: "rgba(255, 140, 0, 0.2)", ratio: 1 }
],
minPixelIntensity: 0,
maxPixelIntensity: 100
};
// 应用渲染器到图层
pointsLayer.renderer = pointDensityRenderer;
在上述代码中，我们首先创建了一个包含大量地点的点标记图层，然后使用点密度渲染器pointDensityRenderer，通过不同颜色和透明度呈现地点的密度分布。
5.1.2 线和面的可视化
除了点标记，我们还可以对线和面进行可视化，例如绘制行政区划的边界线或者展示地图上的交通流量。
// 创建线图层
var linesLayer = new GraphicsLayer();
map.add(linesLayer);
// 添加线要素
var line = {
type: "polyline",
paths: [/* 线的坐标数组 */],
spatialReference: { wkid: 4326 }
};
var lineGraphic = new Graphic({
geometry: line,
symbol: /* 线的样式 */,
attributes: { name: "Route A" }
});
linesLayer.add(lineGraphic);
// 创建面图层
var polygonsLayer = new GraphicsLayer();
map.add(polygonsLayer);
// 添加面要素
var polygon = {
type: "polygon",
rings: [/* 面的坐标数组 */],
spatialReference: { wkid: 4326 }
};
var polygonGraphic = new Graphic({
geometry: polygon,
symbol: /* 面的样式 */,
attributes: { name: "Area A" }
});
polygonsLayer.add(polygonGraphic);
在上述代码中，我们创建了一个线图层和一个面图层，并分别添加了线要素和面要素。通过定义不同的样式，我们可以实现对线和面的不同可视化效果。
5.2 高级GIS功能
除了地图可视化，ArcGIS API 4还支持更高级的GIS功能，如数据聚合、路径分析等。
5.2.1 数据聚合
假设我们有大量的点数据，我们希望对这些点进行聚合，以便更清晰地看到密集区域。
// 创建点图层
var pointsLayer = new GraphicsLayer();
map.add(pointsLayer);
// 添加大量点数据
var points = [
{ name: "Point A", geometry: { type: "point", longitude: -74, latitude: 40 } },
{ name: "Point B", geometry: { type: "point", longitude: -80, latitude: 35 } },
// 添加更多点数据...
];
points.forEach(function(point) {
var pointGraphic = new Graphic({
geometry: point.geometry,
symbol: /* 点的样式 */,
attributes: { name: point.name }
});
pointsLayer.add(pointGraphic);
});
// 创建数据聚合器
var clusterLayer = new ClusterLayer({
view: view,
field: "clusterId",
features: pointsLayer.graphics.toArray(),
spatialReference: { wkid: 4326 },
clusterRatio: 75
});
// 添加聚合图层
map.add(clusterLayer);
在上述代码中，我们首先创建了一个包含大量点数据的图层，并通过ClusterLayer对象创建了一个数据聚合器，将点数据聚合成簇。这样，我们能够更直观地看到密集区域的分布。
5.2.2 路径分析
路径分析是GIS应用中的常见需求，例如规划最短路径、查找最佳行驶路线等。通过ArcGIS API 4，我们可以使用RouteTask和相关的模块进行路径分析。
// 创建路径图层
var routeLayer = new GraphicsLayer();
map.add(routeLayer);
// 创建路径分析任务
var routeTask = new RouteTask({
url: "https://route.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World"
});
// 创建路径参数
var routeParams = new RouteParameters({
stops: new FeatureSet({
features: [
new Graphic({ geometry: new Point({ x: -74, y: 40 }), attributes: { Name: "Start" } }),
new Graphic({ geometry: new Point({ x: -80, y: 35 }), attributes: { Name: "End" } })
]
}),
outSpatialReference: { wkid: 4326 }
});
// 执行路径分析
routeTask.solve(routeParams).then(function(result) {
// 处理分析结果
displayRoute(result.routeResults[0].route);
});
// 显示路径
function displayRoute(route) {
var routeGraphic = new Graphic({
geometry: route.geometry,
symbol: /* 路径样式 */,
attributes: { Name: "Route A" }
});
routeLayer.add(routeGraphic);
}
在上述代码中，我们创建了一个路径图层，并通过RouteTask对象执行了路径分析任务。分析结果包含了最优路径的几何信息，我们将其显示在地图上。
5.3 小结
通过本章的学习，我们深入了解了如何通过地图可视化技术呈现地理信息，并实现了高级的GIS功能，包括数据聚合和路径分析。这些技术不仅能够提升地图应用的用户体验，还使我们能够更全面地理解地理数据的分布和关联。
在下一章中，我们将总结初级教程的内容，并展望进阶教程将涉及的主题。
第六章：初级总结与进阶展望
在前五章的学习中，我们从ArcGIS API 4的基础入手，逐步学习了如何创建地图应用、实现交互、进行空间查询、创建自定义图层，以及通过地图可视化技术展示地理信息和实现高级的GIS功能。在本章，我们将对初级教程进行总结，并展望进阶教程将涉及的主题，以帮助读者对所学内容有一个清晰的认识。
6.1 初级内容总结
在初级教程中，我们首先了解了ArcGIS API 4的核心概念和基本用法。通过创建地图、添加图层、配置视图，我们建立了一个简单的地图应用，并学会了如何处理不同类型的地理数据。
接着，我们深入研究了交互性的实现，包括添加地图工具、实现地图导航，以及通过弹出窗口展示地理信息。这些功能不仅提升了地图应用的用户体验，还让用户能够更灵活地与地图进行互动。
在空间查询方面，我们学会了如何利用ArcGIS API 4执行空间查询，根据地理位置信息检索和分析地图上的要素。同时，我们介绍了如何创建自定义图层，展示实时交通信息，并增加了图层的交互性。
地图可视化是GIS应用中的关键技术，我们学习了如何通过Renderer对象实现对点、线、面的可视化。在高级GIS功能方面，我们探讨了数据聚合和路径分析的实现，使地图应用更具实用性和分析能力。
6.2 进阶展望
初级教程为我们奠定了使用ArcGIS API 4开发GIS应用的基础。进入进阶阶段，我们将深入研究以下主题：
6.2.1 三维地图开发
ArcGIS API 4提供了强大的三维地图开发功能。我们将学习如何创建和定制三维地图，包括添加三维图层、设置地图视角、实现三维分析等。
6.2.2 虚拟现实与可穿戴设备
进一步探讨GIS在虚拟现实和可穿戴设备领域的应用。通过ArcGIS API 4，我们能够将地理信息融入虚拟现实体验和可穿戴设备中，为用户提供更直观、沉浸的GIS体验。
6.2.3 数据可视化与大数据分析
学习如何利用数据可视化技术呈现大规模地理数据，并探讨大数据分析在GIS应用中的应用。通过图表、热力图等形式展示数据，提供更深入的分析和洞察。
6.2.4 移动端应用开发
ArcGIS API 4支持移动端应用开发，我们将学习如何构建响应式设计的GIS应用，以适应不同尺寸和设备的屏幕，提供用户友好的移动端体验。
6.3 结语
初级教程为大家提供了ArcGIS API 4的入门知识，并引导大家构建了一个基本的GIS应用。通过学习交互性、空间查询、地图可视化等功能，我们为进阶阶段的学习打下了坚实的基础。
在进阶教程中，我们将更深入地探索ArcGIS API 4的高级功能，助力大家成为GIS应用开发的专业者。敬请关注后续的教程，一起探索GIS技术的无限可能！