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的版本如果不一致,出现了这种现象

 

结论:故脑残不可医也

 

目录
相关文章
|
2月前
|
编解码 数据可视化 前端开发
如何使用 D3.js 创建一个交互式的地图可视化?
如何使用 D3.js 创建一个交互式的地图可视化?
|
3月前
|
编解码 数据可视化 前端开发
如何使用 D3.js 创建一个交互式的地图可视化?
如何使用 D3.js 创建一个交互式的地图可视化?
136 6
|
2天前
|
JavaScript 前端开发 安全
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中,许多功能与API曾风光无限,但随着技术进步和语言演化,部分功能逐渐被淘汰或被更高效的替代方案取代。例如,`with`语句使代码作用域复杂、可读性差;`void`操作符功能冗余且影响可读性;`eval`函数存在严重安全风险和性能问题;`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代;`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势,开发者应紧跟技术步伐,学习新技能,适应新技术环境。
30 10
|
2月前
|
JSON 缓存 JavaScript
深入浅出:使用Node.js构建RESTful API
在这个数字时代,API已成为软件开发的基石之一。本文旨在引导初学者通过Node.js和Express框架快速搭建一个功能完备的RESTful API。我们将从零开始,逐步深入,不仅涉及代码编写,还包括设计原则、最佳实践及调试技巧。无论你是初探后端开发,还是希望扩展你的技术栈,这篇文章都将是你的理想指南。
|
1月前
|
JSON JavaScript 前端开发
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将引导您步入Node.js的奇妙世界,通过实践操作,掌握如何使用这一强大的JavaScript运行时环境构建高效、可扩展的RESTful API。我们将一同探索Express框架的使用,学习如何设计API端点,处理数据请求,并实现身份验证机制,最终部署我们的成果到云服务器上。无论您是初学者还是有一定基础的开发者,这篇文章都将为您打开一扇通往后端开发深层知识的大门。
60 12
|
2月前
|
JavaScript 前端开发 API
Vue.js 3:深入探索组合式API的实践与应用
Vue.js 3:深入探索组合式API的实践与应用
|
2月前
|
JavaScript NoSQL API
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发如同一座灯塔,指引着数据的海洋。本文将带你航行在Node.js的海域,探索如何从一张白纸到完成一个功能完备的RESTful API。我们将一起学习如何搭建开发环境、设计API结构、处理数据请求与响应,以及实现数据库交互。准备好了吗?启航吧!
|
2月前
|
JavaScript 前端开发 API
Vue.js 3:探索组合式API带来的新变革
Vue.js 3:探索组合式API带来的新变革
|
2月前
|
JavaScript 前端开发 API
Vue.js 3中的Composition API:提升你的组件开发体验
Vue.js 3中的Composition API:提升你的组件开发体验
|
2月前
|
JSON JavaScript API
深入浅出Node.js:从零开始构建RESTful API
【10月更文挑战第39天】 在数字化时代的浪潮中,API(应用程序编程接口)已成为连接不同软件应用的桥梁。本文将带领读者从零基础出发,逐步深入Node.js的世界,最终实现一个功能完备的RESTful API。通过实践,我们将探索如何利用Node.js的异步特性和强大的生态系统来构建高效、可扩展的服务。准备好迎接代码和概念的碰撞,一起解锁后端开发的新篇章。

热门文章

最新文章