使用arcgis api for js加载天地图

如何使用arcgis api for 门钙蹲茌javascript v3.22加载天地图。本文使用了arcgis api for javascript v322和typescript

工具/原料

tomcat

arcgis api for javascript 3.22

typescript

google chrome

webstorm

创建基于typescript的脚本

1、创建一个ts文件，在这里编写脚本

2、在创建完了TS脚本后，要在项目的tsconfig.json中加入这个脚本所在的文件锭缠愁颊路径，让webstorm可以自动编译。

编写脚本

1、添加必要的类的引用，可以在编写过程中根据需要添加，也可以在一开始添加。

2、声明一些变量，map（地图对象）, wmtsLayer（wmts图层对象）,TDTSR（天地图坐标系）

3、声明tileInfo并完成tileInfo的定义。按下图所示的编码完成。

4、定义地图范围和WMTSLayerInfo来设置一些参数。

5、创建resourceInfo和options

6、初始化wmtslayer和map

7、创建测试页面进行测试

8、测试时出错，跟踪下。arcgis api for javascript 自动为图片类型添加了image/

9、将图片地址中的“image/”去掉后，测试下，可以获取图片。因此，需要修改ar罕铞泱殳cgis for javascript 的类。

修改arcgis for javascript 的WMTSLayer类

1、在本地部署的arcgis api for javascript类库中，找到WMTSLayer，打开它。

2、查找image，发现好多地方都自动增加了image，替换下

3、将"image/"+删除。

4、在浏览器的开发者工具中禁用地图缓存。

5、刷新测试页面。加载成功。