使用arcgis api for js加载天地图

 时间:2026-04-22 17:46:10

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

5、创建resourceInfo和options

使用arcgis api for js加载天地图

6、初始化wmtslayer和map

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

9、将图片地址中的“image/”去掉后,测试下,可以获取图片。因此,需要修改arcgis for javascript 的类。

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

3、将"image/"+删除。

使用arcgis api for js加载天地图

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

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

使用arcgis api for js加载天地图

  • 用mapgis完成非标准影像的校正
  • 图解ArcGIS Server 10.2安装
  • 图解ArcGIS Pro启动及创建工程
  • PostgreSQL安装PostGIS插件包
  • 手把手教您安装和配置ArcGIS Server
  • 热门搜索
    有什么好看的科幻片 生孩子要准备什么 义正词严的意思 浸的意思 什么是龙须菜 现汇是什么意思 始料不及的意思 钟爱有加的意思 和女孩子聊什么 加息是什么意思