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

 

结论:故脑残不可医也

 

目录
相关文章
|
6月前
|
缓存 数据可视化 定位技术
快递鸟快递API技术指南:获取物流轨迹信息与轨迹地图的解决方案
在当今电商竞争激烈的环境中,物流体验已成为提升用户满意度的关键因素。研究表明,超过 75% 的消费者会因物流信息不透明而放弃下单。
1316 1
|
编解码 数据可视化 前端开发
如何使用 D3.js 创建一个交互式的地图可视化?
如何使用 D3.js 创建一个交互式的地图可视化?
|
JavaScript 前端开发 API
Vue.js 3:探索组合式API带来的新变革
Vue.js 3:探索组合式API带来的新变革
435 84
|
12月前
|
前端开发 JavaScript NoSQL
使用 Node.js、Express 和 React 构建强大的 API
本文详细介绍如何使用 Node.js、Express 和 React 构建强大且动态的 API。从开发环境搭建到集成 React 前端,再到利用 APIPost 高效测试 API,适合各水平开发者。内容涵盖 Node.js 运行时、Express 框架与 React 库的基础知识及协同工作方式,还涉及数据库连接和前后端数据交互。通过实际代码示例,助你快速上手并优化应用性能。
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
缓存 JavaScript 前端开发
mapbox没有token/token失效,地图闪烁后变空白,报错Error: A valid Mapbox access token is required to use Mapbox GL JS.
本博客介绍了mapbox如何去除token验证,暴力破解mapbox的token验证机制。一劳永逸解决mapbox地图闪现一下然后变成空白,报错Error: A valid Mapbox access token is required to use Mapbox GL JS.的方法,还介绍了类似问题的具体解决思路。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
JSON 缓存 JavaScript
深入浅出:使用Node.js构建RESTful API
在这个数字时代,API已成为软件开发的基石之一。本文旨在引导初学者通过Node.js和Express框架快速搭建一个功能完备的RESTful API。我们将从零开始,逐步深入,不仅涉及代码编写,还包括设计原则、最佳实践及调试技巧。无论你是初探后端开发,还是希望扩展你的技术栈,这篇文章都将是你的理想指南。
|
JavaScript 前端开发 安全
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中,许多功能与API曾风光无限,但随着技术进步和语言演化,部分功能逐渐被淘汰或被更高效的替代方案取代。例如,`with`语句使代码作用域复杂、可读性差;`void`操作符功能冗余且影响可读性;`eval`函数存在严重安全风险和性能问题;`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代;`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势,开发者应紧跟技术步伐,学习新技能,适应新技术环境。
283 10
|
JSON JavaScript 前端开发
深入浅出Node.js:从零开始构建RESTful API
在数字化时代的浪潮中,后端开发作为连接用户与数据的桥梁,扮演着至关重要的角色。本文将引导您步入Node.js的奇妙世界,通过实践操作,掌握如何使用这一强大的JavaScript运行时环境构建高效、可扩展的RESTful API。我们将一同探索Express框架的使用,学习如何设计API端点,处理数据请求,并实现身份验证机制,最终部署我们的成果到云服务器上。无论您是初学者还是有一定基础的开发者,这篇文章都将为您打开一扇通往后端开发深层知识的大门。
373 12
|
JavaScript 前端开发 API
Vue.js 3:深入探索组合式API的实践与应用
Vue.js 3:深入探索组合式API的实践与应用