arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务

以arcgis api for javascript4.18 API为例：

遇到几个问题：

1、用户，特别是小白用户，不知道用什么API类来调用各种地图服务。

解决办法：

方法一：正向思考方法

参考官方APIhttps://developers.arcgis.com/javascript/latest/api-reference

方法二：技巧型方法

那么有一个很简单的方法，进入server manager服务目录，找到你的服务，预览一下，

然后你按F12,看到了没有，这个服务用啥方法，咋写，是不是一目了然。可以直接抄代码啊！！！

比如这个服务用了4.15API，用的类是：esri/layers/MapImageLayer

遇到的问题二：

代码都正确，为啥加载不出来？作为一个web前端开发人员,不要直接问别人，要给出前端调试报错啊！

讨厌一些人，直接问：我的代码为啥加载不出来？

这是低级程序员的问话方式，稍微高级点，都会把前端报错调试出来，去自己百度解决这个问题后再问别人！！！！！

如下图：

最简单的方式是：

把这个代码放到web 服务器目webapp目录取用ip或者域名方式去调试。不要直接用文件夹双击方式去解决！！！

这个是Access-Control-Allow-Origin，跨域问题

最后附上代码：

<html><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /><link rel="stylesheet" href="https://js.arcgis.com/4.18/esri/themes/light/main.css" /><script src="https://js.arcgis.com/4.18/"></script><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}#layerToggle {top: 20px;right: 20px;position: absolute;z-index: 99;background-color: white;border-radius: 8px;padding: 10px;opacity: 0.75;}</style><script>require(["esri/Map", "esri/views/MapView", "esri/layers/WebTileLayer","esri/layers/MapImageLayer"], function (Map, MapView, WebTileLayer,MapImageLayer) {var tiledLayer = new WebTileLayer({urlTemplate: "http://{subDomain}.tianditu.gov.cn/DataServer?T=vec_w&x={col}&y={row}&l={level}&tk=****************",subDomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],});var tiledLayer_poi = new WebTileLayer({urlTemplate: "http://{subDomain}.tianditu.gov.cn/DataServer?T=cva_w&x={col}&y={row}&l={level}&tk=*****************",subDomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],});var layertest = new MapImageLayer({url: "https://lwb.geoscenewh.cn/server/rest/services/lj/MapServer"});var map = new Map({basemap: {baseLayers: [tiledLayer, tiledLayer_poi]}});map.add(layertest);var view = new MapView({container: "viewDiv",map: map,zoom: 9,center: [112.90737, 27.85632] // longitude, latitude});});</script>
</head><body><div id="viewDiv"></div>
</body></html>

arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务相关推荐

gp服务发布服务的地图，web客户端显示的位置跟arcgis中显示的位置不一致，不相符（我的是等值面发布的gp服务）
gp服务发布服务的地图,web客户端显示的位置跟arcgis中显示的位置不一致,不相符(我的是等值面发布的gp服务) 我发布的结果跑到非洲去了. 解决办法: 发布的服务设置环境:processing ...
ArcGIS API for JavaScript4.x 之加载2D、3D地图
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/gisdoer/article/details/81545607 ArcGIS API for Jav ...
Arcgis Api for JavaScript4.x 打印地图
先打开你的arcgis service,点击Utilities.如果没有这个选项.去http://localhost:6080/arcgis/manager/ 里面把Utilities服务打开如图所 ...
中添加2000坐标系_ArcGIS API for JavaScript 4.16在三维场景中以天地图为底图加载2000坐标系的倾斜摄影数据...
2021年目标每日更新一篇公众号文章!!! 需求描述 WebGIS项目中如果有三维需求的话,开发中我们经常会遇到倾斜摄影数据,有了倾斜摄影数据之后,我们可以进行生成真实的三维场景等操作. 本文从前端 ...
OpenLayers 加载天地图
要使用 OpenLayers 3 加载天地图,首先要弄清楚天地图发布的原理,以及遵循的发布规范,上一篇中我们提到了使用 OpenLayers 3 加载百度地图,我们提到一般网络地图为了加快访问速度,都 ...
ArcGIS API For Javascript之调用动态地图服务+属性、空间查询
引言调用动态地图服务需求 1根据需求隐藏服务中的某一个图层 11代码解释 2通过属性查询地图服务中的信息 21代码实现 22代码解释 3通过空间查询地图服务中的信息 31代码实现 32代码解释 4 ...
ArcGIS API for JavaScript 4.0尝鲜——WebGIS前端开发大杀器
已经发布的ArcGIS API for JavaScript 4.0有着最前沿的新特性,这是一个更加对于开发者更加友好的Web API.3D的支持让你可以以更加炫酷的方式展示地理数据,而更加简洁明了的 ...
（三）ArcGIS API For Javascript之调用动态地图服务
文章目录 1.引言 2.调用动态地图服务 3.需求 3.1.根据需求隐藏服务中的某一个图层 3.1.1代码解释: 3.2.通过属性查询地图服务中的信息 3.2.1.代码实现 3.2.2代码解释 3.3 ...
ArcGIS API for Silverlight开发入门
ArcGIS API for Silverlight开发入门你用上3G手机了吗?你可能会说,我就是喜欢用nokia1100,ABCDEFG跟我都没关系.但你不能否认3G是一种趋势,最终我们每个人都 ...

arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务

arcgis api for javascript4.18加载天地图服务，并且加载自己的发布的动态地图服务相关推荐

最新文章

热门文章