本文共 1012 字,大约阅读时间需要 3 分钟。
ArcGIS API for JavaScript 4.2的学习笔记
ArcGIS API for JavaScript(简称AJS)是Esri为开发者提供的一款强大工具,用于构建地图应用。相比于3.x版本,4.x版本的AJS完全重构了底层架构,采用了更高效的结构设计。
本笔记基于以下原则进行编写:
简单地图的实现
要在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元素IDmap:地图实例zoom:初始缩放级别center:中心点坐标地图类与视图类 Map类继承自Accessor,是AJS的基础类。AJS主要分为两种地图类型:
WebMap:用于展示矢量地图WebScene:用于展示影像地图MapView类继承自View,其功能包括:
使用建议
技术背景 AJS基于dojo框架,dojo/domReady!确保所有模块加载完成后再执行代码。在实际开发中,建议参考官方文档深入理解各模块功能。
本文仅展示了最简单的地图实现,后续内容将围绕AJS的高级功能展开。
转载地址:http://qgwfz.baihongyu.com/