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

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

结论:故脑残不可医也

时间: 2024-10-25 15:45:10

ArcGIS JavaScript + 天地图API之显示混乱的相关文章

使用ArcGIS JavaScript API 3.18 加载天地图

对于中国开发者在创建GIS应用的时候,往往比较头疼的是底图资源的缺乏.其实国家测绘地信局就提供一个很好的免费资源:天地图.使用ArcGIS API的开发人员可以直接利用该资源作为地图应用的底图. ArcGIS JavaScript API最近新推出了3.18版本.所以下面示例代码将基于该版本. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf

[转]ArcGIS JavaScript API本地部署离线开发环境

1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2011/0223/960.html,在下载页面会看到api和sdk的下载链接,api是我们开发需要的库,sdk是说明文档和例子,点击下载api的最新版3.2. 2 本地部署API 打开API包中的arcgis_js_api/library/install.htm安装说明,本文依据此英文说明而来. 解压后在IIS中建立应用程序,如下图.配置好API应用程序后,其路径

ArcGIS Javascript API 加载高德在线地图扩展

利用ArcGIS JavaScript API加载高德在线地图的扩展 /** * Created by WanderGIS on 2015/7/15. */ define(["dojo/_base/declare", "esri/geometry/Extent", "esri/SpatialReference", "esri/geometry/Point", "esri/layers/TileInfo",

ArcGIS JavaScript API本地部署离线开发环境[转]

原文地址:http://www.cnblogs.com/brawei/archive/2012/12/28/2837660.html 1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2011/0223/960.html,在下载页面会看到api和sdk的下载链接,api是我们开发需要的库,sdk是说明文档和例子,点击下载api的最新版3.2. 2 本地部署API 打开API包中的arcgis_js_api/libr

FK JavaScript之:ArcGIS JavaScript API之地图动画

地图要素动画应用场景:动态显示地图上的要素的属性随着时间的改变而改变,并根据其属性的变化设置其渲染.比如:某水域项目中,随着时间的变化,动态展现水域的清淤进度 本文目的:对ArcGIS JavaScript 官网示例中的代码进行分析注解.下述代码对官网示例进行了部分调整 示例网址1: 示例网址2: 示例中csv文件 以下为代码注释: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type&

如何正确响应ArcGIS JavaScript API中图形的鼠标事件

在使用ArcGIS JavaScript API编写程序的时候,程序员往往需要完成这样一个功能:点击地图上的图形,自动进行专题GIS数据查询,当在地图非图形区域上点击时,自动进行底图兴趣点查询. 由于专题GIS图形是叠加在底图上的,所以我们在处理地图的鼠标点击事件时,就需要根据实际点击的位置和内容来对不同的数据进行查询. ArcGIS JavaScript API为编程人员分别提供了针对地图对象和图形的两个鼠标点击事件. 下面是示例代码: 1 <!DOCTYPE html> 2 <htm

诅咒JavaScript之----ArcGIS JavaScript 点聚合 ClusterLayer

对一个之前一直做winForm的 菜鸟来说,突然接触这么神奇的语言,基本上每天都会诅咒一下这门神奇的语言. 最近做了一个小网站,底图用的是天地图的服务,用ArcGIS JavaScript提供的一些GIS功能.个人觉得,天地图API简单易上手,连我这个菜鸟看几个示例代码都能快速的做出包含地图的网站.只是,目前的天地图,基本上只有数据,没有GIS. GIS相关的,esri的东西. 网上看了esri的ClusterLayer的示例代码,网址如下: https://developers.arcgis.

arcgis for flex api version3.7 教程:8.创建地图

地图概述: arcgis for flex api提供了大量的方法来实现地图操作和交互.首先,地图(map)支持添加各种类型的图层或服务.图层数据来源可以是arcgis server.Bing maps.graphics layers等.此外还有可以使用网络公开的其他服务像arcgis.com或自建的.网络地图服务有相似的一面,都通过一定的方法支持各种类型的图层 ,任务和数据(数据可以扩展,例如可以是.csv和.gpx文件作为一个组合).下面我们将对此做详细讨论. 创建地图并设置显示范围和空间参

Android Listview显示混乱问题

在使用自定义ListView视图时,经常会采用重用ListView中视图的方式来提高滑动和显示效率,但是随之而来的一个问题是listview中数据经常显示混乱. 通常情况下,我们重写的方法是这样的: inflater = LayoutInflater.from(context); @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (conv