使用arcgis api for js加载天地图
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/”去掉后,测试下,可以获取图片。因此,需要修改arcgis for javascript 的类。

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

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

3、将"image/"+删除。


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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:123
阅读量:167
阅读量:186
阅读量:114
阅读量:143