ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图-白红宇

ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图

阅读量：453 次

发布时间：2019-03-06

本文共 996 字，大约阅读时间需要 3 分钟。

ArcGIS API for JavaScript 4.2的学习笔记

ArcGIS API for JavaScript（简称AJS）是Esri为开发者提供的一款强大工具，用于构建地图应用。相比于3.x版本，4.x版本的AJS完全重构了底层架构，采用了更高效的结构设计。

本笔记基于以下原则进行编写：

使用CDN加载资源，避免本地环境配置

其他内容根据实际需求进行增删和修改

简单地图的实现

要在HTML页面中显示地图，需要一个div元素来承接地图的渲染。以下是实现最简单地图的示例代码。

代码骨架

require([  "esri/Map",  "esri/views/MapView",  "dojo/domReady!"], function(Map, MapView) {  var map = new Map({    basemap: "osm"  });  var view = new MapView({    container: "viewDiv",    map: map,    zoom: 8,    center: [114, 30]  });});

代码解释

require函数引入了三个模块：

esri/Map：地图数据处理类

esri/views/MapView：地图视图处理类

dojo/domReady!：确保dojo模块加载完成

Map类负责创建地图实例，默认使用osm类型的地图（OpenStreetMap）

MapView类负责创建地图视图实例，接受以下参数：

container：承接地图的div元素ID

map：地图实例

zoom：初始缩放级别

center：中心点坐标

地图类与视图类Map类继承自Accessor，是AJS的基础类。AJS主要分为两种地图类型：

WebMap：用于展示矢量地图

WebScene：用于展示影像地图

MapView类继承自View，其功能包括：

地图缩放

平移

初始布局

交互操作

使用建议

将代码粘贴到本地HTML文件中

使用CDN加载资源

确保浏览器支持最新版本的JavaScript和CSS

技术背景AJS基于dojo框架，dojo/domReady!确保所有模块加载完成后再执行代码。在实际开发中，建议参考官方文档深入理解各模块功能。

本文仅展示了最简单的地图实现，后续内容将围绕AJS的高级功能展开。

转载地址：http://qgwfz.baihongyu.com/

你可能感兴趣的文章