arcgis api for js入门开发系列二不同地图服务展示(含源代码)

Posted 2020-08-16 GIS之家

上一篇介绍了arcgis api离线部署，这篇开始正式介绍arcgis api for js开发；想要学习webgis开发，首先得熟悉了解前端技术，比如界面布局设计的html+css，核心的是javascript（js），arcgis api就是js写的，就是说想要开发gis功能前提下，你得熟悉了解js，不然你连源代码都看不懂。在这里，推荐esri官网的arcgis api for js：https://developers.arcgis.com/javascript/3/jsapi/；里面详细的介绍arcgis api各个类的介绍，还有就是在线例子：https://developers.arcgis.com/javascript/3/jssamples/；这个也是学习arcgis api的好素材。

前言

关于本篇功能实现用到的 api 涉及类看不懂的，请参照 esri 官网的 arcgis api 3.x for js：esri 官网 api，里面详细的介绍 arcgis api 3.x 各个类的介绍，还有就是在线例子：esri 官网在线例子，这个也是学习 arcgis api 3.x 的好素材。

0.内容概览

1. 本篇知识点涉及到 arcgis api 3.x 相关类讲解
2. 源代码项目结构目录说明
3. 功能点核心代码讲解
4. 源代码 demo 下载

附上本篇功能点的部分效果图：

1.本篇知识点涉及到 arcgis api 3.x 相关类讲解

• Map
  根据官网描述，Map 类创建一个容器和所需的 DOM 结构，用于添加图层，图形，信息窗口和其他导航控件。
  通常，使用 DIV 将地图添加到页面，地图的宽度和高度初始化为 DIV 容器的宽度和高度。
  构造函数，具体的见官网对应的 api，有详细的介绍：

• ArcGISTiledMapServiceLayer
  ArcGISTiledMapServiceLayer 允许您使用 ArcGIS Server REST API 公开的缓存地图服务资源。
  构造函数，具体的见官网对应的 api，有详细的介绍：

• TiledMapServiceLayer
  缓存地图服务图层基类，用于被继承以及拓展，比如本篇加载在线地图的 Layer，比如天地图、高德地图以及百度地图，就是继承
  TiledMapServiceLayer。
  
  

2.源代码项目结构目录说明

更多的详情见：GIS之家小专栏

文章尾部提供源代码下载，对本专栏感兴趣的话，可以关注一波