【回顾】前4篇交代了JsAPI的背景、资源如何获取，简介了数据与视图分离的概念与实现，剖析了页面的大骨架。

这篇开始，讲Map类。

转载注明出处，博客园/CSDN/B站/知乎：秋意正寒

目录：https://www.cnblogs.com/onsummer/p/9080204.html

1. Map类的属性与方法

Map类继承自Accessor，有子类WebMap , WebScene。

这玩意儿是什么？通俗说，Map就是一张地图，它属于数据部分，需要用视图展示它。

视图，在jsAPI中，就是View，它负责把Map描绘出来，用WebGL的手段。

那么，Map类如何组织数据呢？用图层。对，图层，Layer！（至于Layer那是后话了，我们先谈Map数据的组织）

所以，你看到的很多Map类的方法，都是控制图层的。

属性	方法
ground：高程，Ground类型 basemap：底图，Basemap类型 allLayers：全部平面图层，Collection类型 layers：全部可操作图层，Coolection类型	add()：添加一个图层，可指定图层位置 addMany()：添加多个图层，可指定位置 findLayerById()：根据ID寻找图层 remove()：移除指定图层 removeAll()：移除全部图层 removeMany()：移除多个图层 reorder()：对某个图层进行重排序（id变换）

方法都很简单，自行查阅官方API就知道怎么写了，我重点讲一下属性，尤其是ground属性、basemap属性。

有人说为什么不讲layers和allLayers？图层固然是Map的组成，但是这里是说Map，数据的承载体——Layer，还要等到下篇再说。

2. 属性：basemap详解

这个词直译是基础地图，我通俗地翻译为底图。就是最底下的图，像桌布一样。

2.1 Basemap类

本质上，basemap还是图层。

basemap是Basemap类型的，Basemap类型的对象是如何创建的呢？

当然还是由服务器上的各种数据服务创建的，查阅Basemap的构造器，其实basemap就是一堆堆的“layer”组成的。

如果需要自定义底图，可以深入研究研究Basemap类如何实例化。

2.2 预置basemap

如果对自定义底图没什么功夫，其实可以直接用官方给的预置图层，只需将basemap属性赋予几个预置的字符串即可。

例如：

var map = new Map({basemap: "streets",ground: "world-elevation"}
);

basemap就指定为街道图了（打开好像是OpenStreetMap）

官方预置了十几种底图，有兴趣可以去看看。

3. 属性：ground详解

这单词直译是地面，形象翻译为高程。与底图一样，允许你使用字符串的方式，使用官方给的预置世界高程信息。

如果有更精确的或者符合自己坐标系需要的高程信息，这可能就需要通过实例化Ground对象来赋值了。

实际上，Ground类，也是由图层构成的。

它是由服务器上的高程影像服务组成的，前端这边叫高程图层——ElevationLayer类。

例如：

var worldElevation = ElevationLayer({url: "//elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
});
var customElevation = ElevationLayer({url: "http://my.server.com/arcgis/rest/service/MyElevationService/ImageServer"
});
var map = new Map({basemap: "topo",ground: new Ground({layers: [ worldElevation, customElevation ]})
});

4. 总结

实际上，Map就是个图层容器，只不过官方对各种图层的功能进行了分类。

底图做底，高程作高度信息，还有其他的图层，展示各种地理信息，构成了三层式体系。

下一节，我就简单说说“其他的图层”，有哪些，怎么创建，这可能要提及服务端了。

plus：要断更比较长的时间，暂时把这个写上，见谅。

转载于:https://www.cnblogs.com/onsummer/p/9091052.html

ArcGIS API for JavaScript 入门教程[5] 再讲数据——Map类之底图与高程相关推荐

ArcGIS API for JavaScript 3.23汉化（下）
ArcGIS API for JavaScript 3.23汉化(下) 4更为具体一.Default API configurations 默认API配置三.Retrieve data from ...
地理信息系统（GIS）系列——ArcGIS API for JavaScript 3.9（1）
Visual Studio 智能提示配置:将以下 JavaScript 文件引入项目中 arcgis_js_v39_sdk\arcgis_js_api\sdk\jshelp\jsapi_vsdoc12 ...
13 ArcGIS API for JavaScript开发入门文档
写在前面这篇文章写在我用ArcGIS API for JavaScript(后面统称为"ArcGIS JS API")开发了两年项目后的某一天夜里.写这篇文章主要是两个目的吧,第 ...
ArcGIS API for JavaScript心得体验
首发GIS派:ArcGIS API for JavaScript心得体验学习和使用ArcGIS API for JavaScript开发差不多有两年了吧,跌跌撞撞断断续续也做了几个小项目,学习之路相 ...
GISer从零开始学习ArcGIS API for JavaScriptArcGIS Online教程（三）免费注册和使用ArcGIS Online
GISer从零开始学习ArcGIS API for JavaScript&ArcGIS Online教程(三)注册和使用ArcGIS Online 上一节我们谈到了arcgis api的导入和 ...
GISer从零开始学习ArcGIS API for JavaScriptArcGIS Online教程（二）第一个地图应用
GISer从零开始学习ArcGIS API for JavaScript&ArcGIS Online教程(二)第一个地图应用从这篇开始就正式开始使用ArcGIS API for JavaSc ...
Arcgis api for JavaScript下载及部署（IIS和Tomcat）
目录一,各版本下载地址二,ArcGIS API For JavaScript3.17本地部署(IIS) 2.1 修改相应的js文件(2个文件) 2.2 将修改好的函数库复制到指定位置 2.3 测试 ...
ArcGIS API for JavaScript ：简介与快速上手
一.简介子路曰:"卫君待子而为政,子将奚先?"子曰:"必也正名乎!" 孔子认为,为政最先要做的事情是正名,名不正则言不顺. 语言是上天赋予人类的神奇能力,而& ...
初学ArcGIS API for JavaScript
初学ArcGIS API for JavaScript 对于初学者来说,关于esri提供的一些样式和dojo自带的一些样式还是需要有一定的了解,这块在<WebGIS开发从基础到实践>讲解的 ...

ArcGIS API for JavaScript 入门教程[5] 再讲数据——Map类之底图与高程