使用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
  • 热门搜索
    红烧肉怎么做好吃不腻 生酮减肥法 剑姬怎么玩 男士发型设计与脸型搭配 帝国时代攻略 恐怖黎明怎么洗点 红烧肉怎么做好吃 南阳师范学院怎么样 减肥套餐 我的世界怎么登陆