ArcGIS JavaScript + 天地图API之显示混乱

简介: 原文:ArcGIS JavaScript + 天地图API之显示混乱  异常描述: (1)ArcGIS JavaScript 调用天地图WMTS服务,出现了这种混乱的效果,加载不完整. (2)昨天是相关瓦片的请求,Google浏览器显示的是请求失败.
原文: ArcGIS JavaScript + 天地图API之显示混乱

 异常描述:

(1)ArcGIS JavaScript 调用天地图WMTS服务,出现了这种混乱的效果,加载不完整.

(2)昨天是相关瓦片的请求,Google浏览器显示的是请求失败.当时怀疑是无线网络的问题,接了有线,还是请求失败.以为是别人的问题,过几天应该就好了,所以也没放在心上

(3)今天一调试发现所有的请求都可以正常响应,可地图却仍然混乱

 

可能问题猜测:

(1)天地图WMTS服务的问题

(2)坐标系的问题,可能是坐标系的混乱,ArcGIS JavaScript请求了错误的的瓦片行/列

(3)代码中写了未知的脑残代码,ArcGIS JavaScript类库,没有向WMTS服务请求瓦片

 

纠结之道:

 

(1)第一个可能,试验了其他天地图网站,包括官网,以前自己写的网站,别人都好好的

(2)第二个可能,调试过程中查看了map对象的spatialReference,显示的是 wkid:4326,与天地图中相关定义的是一致的

(3)第三个可能,仔细核查了ArcGIS JavaScript加载类库的代码,多次添加了之前项目中可以正常运行的代码,还是一样的混乱

(4)第三个可能,怀疑问题可能出现在地图初始化相关代码,重新写了这段代码,还是这个样子

(4)第三个可能:仔细记录了WMTS服务的行列号,并排列,发现发送的行列请求是正确的,也没有少.

将请求到的图片进行了排列,也能够正常拼成地图. 可是浏览器中加载的地图与正常的地图存在混乱,浏览器中加载的地图片段是无法拼起来的

 

耗费时间:半天以上,不开心

 

问题原因:

长期纠结后,发现原来是类库引用错了....为了调试另一个脑残问题,代码中引用了别人可以正常运行的类库.那个脑残问题解决后,这个就忘记改回来了,结果出现这个问题

<%--<script type="text/javascript" src="http://xx.xx.xx.xx::48071/arcgis_js_api/library/3.15/3.15/init.js"></script>--%> 
<script src="http://xx.xx.xx.xx:802/arcgis_js_api/3.8/3.8/init.js"></script>

可为什么引用错了类库就会出现这个问题,原因就不深究了,还是抓紧干活吧

 

之后也偶尔出现过类似的问题,多次之后发现,类库与ArcGIS CSS的版本如果不一致,出现了这种现象

 

结论:故脑残不可医也

 

目录
相关文章
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
API
egg.js 24.2写第一个api接口
egg.js 24.2写第一个api接口
71 0
|
4月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
3月前
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
|
2月前
|
Web App开发 JavaScript NoSQL
深入浅出:构建基于Node.js的RESTful API
在当今快速发展的互联网时代,RESTful API已成为前后端分离架构中不可或缺的一部分。本文旨在为初学者和中级开发人员提供一个清晰、简洁的指南,详细介绍如何使用Node.js构建一个高效、可维护的RESTful API。通过结合实际案例,本文将从API设计理念出发,深入讲解如何利用Express框架及MongoDB数据库实现API的增删改查功能,同时探讨如何通过JWT进行安全认证,确保数据传输的安全性。此外,文章还将简要介绍如何使用Swagger生成API文档,使得API的测试和维护更加便捷。无论你是希望提升现有项目的API设计,还是想从零开始构建一个新项目,本文都将为你提供一条清晰的道路
|
1月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
34 0
|
1月前
|
Web App开发 JavaScript 前端开发
使用Node.js和Express构建RESTful API
使用Node.js和Express构建RESTful API
16 0
|
2月前
|
NoSQL JavaScript 前端开发
深入浅出:使用Node.js和MongoDB构建RESTful API
在当今的软件开发领域,构建高效、可扩展的Web服务已成为开发者的重要任务之一。本文将引导读者通过现代JavaScript环境——Node.js,搭配流行的NoSQL数据库MongoDB,一步步构建一个RESTful API。不同于常规的摘要,我们将采用故事化的方式,通过一个虚构的应用“BookFinder”的开发旅程,带领读者理解API设计、数据库交互及安全性考量等关键知识点。无论你是前端工程师希望深化后端知识,还是后端新手寻求实践机会,本文都将提供你所需的指南和启示。
|
3月前
|
Web App开发 Rust JavaScript
Rust 笔记:WebAssembly 的 JavaScript API
Rust 笔记:WebAssembly 的 JavaScript API
93 0
|
3月前
|
JavaScript 前端开发 程序员
Js中一些数组常用API总结
Js中一些数组常用API总结