arcgis 加载OGC标准服务

最新推荐文章于 2023-03-08 09:25:04 发布
最新推荐文章于 2023-03-08 09:25:04 发布
阅读量986 收藏
点赞数
分类专栏： arcgis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hhhh_cccc/article/details/106526389
版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单加载一张图</title>
    <link type="text/css" rel="stylesheet" href="http://58.220.249.164:8084/arcgis_api/js/esri/css/esri.css"/>
    <script src="utils/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://58.220.249.164:8084/arcgis_api/js/init.js" type="text/javascript" charset="utf-8"></script>
    <style>
        html,
        body,
        #map {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>
<div id="map"></div>

<script>
    var map;
    require(["esri/map",
         "esri/layers/ArcGISTiledMapServiceLayer",
            "esri/layers/ArcGISImageServiceLayer",
        "esri/layers/ArcGISDynamicMapServiceLayer",
        "esri/geometry/Extent",
        "dojo/domReady"
    ], function (Map,
                 ArcGISTiledMapServiceLayer,
                 ArcGISImageServiceLayer,
                 ArcGISDynamicMapServiceLayer,
                 Extent
                 ) {
          
       map = new Map("map", {
        logo: false,
        center: [118.33968629192982,33.79184491354436],
        zoom: 9,
//      lods:lods,
//      minZoom: 9,
//      extent:new Extent(118.33340229246559, 33.790497195027314,118.3445000985968,33.79612224084511),
        sliderPosition: "bottom-left" });
        

           //添加wms图层
        map.addWMSLayer(url1); 
        //添加wmts图层
        map.addLayer(new WMTSLayer(url2));
        
            /**
             * 添加wms图层
             * @param url
             */
            function addWMSLayer(url) {

                var self = this;

                var bbox = mapMain.GetQueryString(url, 'bbox');
                var westBoundLongitude = parseFloat(bbox.split(',')[0]);
                var eastBoundLongitude = parseFloat(bbox.split(',')[1]);
                var southBoundLatitude = parseFloat(bbox.split(',')[2]);
                var northBoundLatitude = parseFloat(bbox.split(',')[3]);
                var resourceInfo = {
                    extent: new Extent(westBoundLongitude, eastBoundLongitude, southBoundLatitude, northBoundLatitude, new SpatialReference({ wkid:4490 })),
                    layerInfos: [],
                    version: '1.1.1'
                };
                mapMain.lyrWms = new WMSLayer(url.split('?')[0], {
                    resourceInfo: resourceInfo
                });
                mapMain.lyrWms.setImageFormat('png');
                mapMain.lyrWms.setVisibleLayers(mapMain.GetQueryString(url, 'layers'));                
                self.map.addLayer(mapMain.lyrWms , index);
            }

      dojo.declare("WMTSLayer",esri.layers.TiledMapServiceLayer {
        declaredClass: "WMTSLayer",
        _type: "",
        constructor: function (url,id) {
                this.id = id || this.id;          
                this.url = url;
                this.spatialReference = new esri.SpatialReference({
                    wkid: 4326
                });
                this.fullExtent = new esri.geometry.Extent(116.814695, 39.826827, 117.065624, 39.974418, this.spatialReference);
                this.tileInfo = new esri.layers.TileInfo({
                    "dpi": "96",
                    "format": "image/png",
                    "compressionQuality": 0,
                    "spatialReference": {"wkid": 4326},
                    "rows": 256,
                    "cols": 256,
                    "origin": {"x": -180, "y": 90},
                    "lods" : [
                        {"level" : 1, "resolution" : 0.703125, "scale" : 295497593.05875003},
                        {"level" : 2, "resolution" : 0.3515625, "scale" : 147748796.52937502},
                        {"level" : 3, "resolution" : 0.17578125, "scale" : 73874398.264687508},
                        {"level" : 4, "resolution" : 0.087890625, "scale" : 36937199.132343754},
                        {"level" : 5, "resolution" : 0.0439453125, "scale" : 18468599.566171877},
                        {"level" : 6, "resolution" : 0.02197265625, "scale" : 9234299.7830859385},
                        {"level" : 7, "resolution" : 0.010986328125, "scale" : 4617149.8915429693},
                        {"level" : 8, "resolution" : 0.0054931640625, "scale" : 2308574.9457714846},
                        {"level" : 9, "resolution" : 0.00274658203125, "scale" : 1154287.4728857423},
                        {"level" : 10, "resolution" : 0.001373291015625, "scale" : 577143.73644287116},
                        {"level" : 11, "resolution" : 0.0006866455078125, "scale" : 288571.86822143558},
                        {"level" : 12, "resolution" : 0.00034332275390625, "scale" : 144285.93411071779},
                        {"level" : 13, "resolution" : 0.000171661376953125, "scale" : 72142.967055358895},
                        {"level" : 14, "resolution" : 8.58306884765625e-005, "scale" : 36071.483527679447},
                        {"level" : 15, "resolution" : 4.291534423828125e-005, "scale" : 18035.741763839724},
                        {"level" : 16, "resolution" : 2.1457672119140625e-005, "scale" : 9017.8708819198619},
                        {"level" : 17, "resolution" : 1.0728836059570313e-005, "scale" : 4508.9354409599309},
                        {"level" : 18, "resolution" : 5.3644180297851563e-006, "scale" : 2254.4677204799655}

                    ]
                });
                this.loaded = true;
                this.onLoad(this);
            },

            getTileUrl: function (level, row, col) {
                return this.url + "&z="+level+"&y="+row+"&x="+col+"&rgb=" + Global.color;
            }
    });
    
    });

</script>
</body>
</html>

Xxxxx_bbbb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
arcgis api（四）3.x和4.x 加载geoserver的wmts切片服务
zhengjie0722的博客
09-24 3790
1.arcgis api 3.x 加载wmts服务 2.arcgis api 4.x 加载wmts服务 arcgis api 3.x 加载geoserver的wmts服务和wms服务都比较简单，有相对比较成熟的api类，但是4.x的WMTSLayer类加载wmts服务会有很多问题，api的示例很简单，但是，用在自己实际的geoserver的切片服务上，会报错，显示title和id未定...
在ArcMap中打开符合OGC标准的地图服务
@洋
04-24 793
1、 通过OGC协议打开地图资源       利用OGC规范中的wms、wmts协议，打开一些网络地图数据，目前天地图实现了OGC标准协议，可以利用天地图提供的wms、wmts资源，在支持OGC服务规范的GIS软件中打开，如超图、 uDIG等，也包括Arcmap。 1.1天地图数据资源 天地图WMTS资源，包括：地图、影像、地形，如下： 网址链接：http://www.tiandi...
发布和使用 ArcGIS Server 服务之--OGC服务（WMS/WMTS/WFS/WCS/WPS）
GIS哼哈哈的博客
09-23 9904
发布和使用 ArcGIS Server 服务之--OGC服务
ArcGIS API for JavaScript学习笔记（3）加载谷歌卫星图和天地图标注
圈圈的博客
08-30 1349
ArcGIS Pro自2.4起可以从自带的底图中一键加载天地图的卫星图、矢量图和地形图，但是从实际使用中看，卫星图的显示效果模糊，更要命的是时效性差，比如某一块用地已经开展了建设，但是从天地图的卫星图上看还是一片空地。从这个需求上看，google的卫星图仍然是首选。ArcGIS Pro的底图中没有自带谷歌的卫星图，不过可以使用ArcGIS Online间接满足要求。 方法：在ArcGIS Online中新建地图，从Web添加图层-切片图层，输入google卫星图的链接http://mt0.google.cn
在ArcGIS Server中OGC各个服务的应用
09-09
本文针对ArcGIS Server中OGC三个服务WMS、WFS、WCS的进行详细描述，并且对WFS-T(数据编辑事务处理)，进行实例讲解；是学习ArcGIS Server对OGC三个标准服务支持情况的良师益友。
openlayers加载arcgis发布的OGC WMS服务
01-09
openlayers加载arcgis发布的OGC WMS服务。。。。。。。。。
OGC_KML_2.3.docx
03-02
《OGC KML 2.3》是Open Geospatial Consortium（OGC）发布的一份标准文档，旨在规范地理空间数据的表示和交换，特别是针对谷歌地球（Google Earth）的KML（Keyhole Markup Language）格式。KML是一种XML方言，用于...
ArcGIS 10新特性之Query Layer介绍
05-20
这其中包括对OGC标准的支持、SQL语句直接操作矢量数据（ST_Geometry）、SQL语句直接操作影像数据（ST_Raster）、还有即将推出的File GeoDatabase API，以及我们这里要介绍的Query Layer. Query Layer是一个通过SQL...
leaflet1.3.1加载天地图WMTS影像（EPSG:4326）
04-04
leaflet1.3.1版本引用了leaflet-tilelayer-wmts.js做了修改可加载天地图WMTS影像（EPSG:4326）Demo
ArcGIS加载无偏天地图WMTS服务
Crace1992的博客
02-26 1万+
本文介绍了在ArcGIS中加载天地图WMTS服务的流程及需要注意的事项。采用的ArcGIS软件版本为10.8。
ArcGIS JS API加载GeoServer发布的WFS服务
wml00000的博客
04-07 4771
文章目录前言主要代码总结参考链接 前言 WFS(Web Feature Service),OGC标准下的要素服务。其支持的主要操作如下： GetCapabilities (discovery operation) DescribeFeatureType (discovery operation) GetPropertyValue (query operation) GetFeature (qu...
3.（地图资料篇）OGC服务标准
GIS之家家长
04-26 692
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 一、OGC（开放地理空间信息联盟） OGC 全称是开放地理空间信息联盟(Open Geospatial Consortium),是一个非盈利的国际标准组织，它制定了数据和服务的一系列标准，GIS厂商按照这个标准进行开发可保证空间数据的互操作。 二、常用OGC服务标准类型 1、WMS：网络地图服务（Web Map Service） 在ArcGIS中我们经常利用理由的mxd文件发布的服务，就是这种地图服务，如果你的数据会变化，建议发这种
GIS ARCGIS ogc wmts 在线服务地址 简称GIS在线地图服务
freemap2023的博客
03-08 1613
WMTS弥补了WMS不能提供分块地图的不足。该服务根据HTTP客户请求返回要素级的GML(Geography Markup Language、地理标识语言)数据，并提供对要素的增加、修改、删除等事务操作，是对Web地图服务的进一步深入。OGC目前提供的标准多达几十种，包括我们常用到的WMS、WFS、WCS、WMTS等等，还有一些地理数据信息的描述文档，比如KML、SFS(简单对象描述)、GML、SLD(地理数据符号化)等。WMS-C：可以理解为WMS的升级版，预先缓存瓦片，按需请求，提高了访问的速度。
OGC——WMS详细介绍（arcgis server举例）
xcymorningsun的专栏
03-06 1万+
一、引言         一直用arcgis javascript的二次开发，经常使用它的一些服务WMS、WMTS、WFS、MapService等，并没有深入了解这些服务内部机制，直到最近学习了geoserver，由于毕竟它是开源的要遵循行业老大OGC制定的标准，这样通用性比较强一些，所以发的服务基本都是WMS、WTMS、WFS、WCS==         so了解这些东西是必须的了，
使用ArcGIS JS API加载WMTS图层的两种方式
wml00000的博客
04-06 5941
文章目录前言方式一方式二 前言 某些项目可能多方参与，每一方使用的GIS平台有时会有所不同，这时为了统一各方地图服务，通常会发布OGC标准的WMTS地图服务供各方使用。ArcGIS API for JavaScript提供了专门加载WMTS服务的类WMTSLayer,通过一些配置参数后即可以添加图层；另外ArcGIS API 还提供了类TiledMapServiceLayer,通过继承该类也可以自...
arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。
热门推荐
博客转至https://chengyanzhao.github.io，CSDN不再更新。
06-17 1万+
arcgis for js 加载天地图和wmts服务，但两者不能同时显示。WMTS服务带有密钥如何传参？
ArcGIS API for JavaScript 加载天地图WMTS图层
huangli
04-30 3317
原文地址：ArcGIS API for JavaScript 加载天地图WMTS图层 本文介绍了ArcGIS API for JavaScript如何加载天地图WMTS图层，包括地理坐标系、投影坐标系下的矢量和影像地图。读完本文可以使用同样方法加载高德、百度等地图服务。 预览 在线预览：http://giser.xyz/demo/TianDiTu/index.html ...
arcgis for js 4.x加载服务后缀为WMTS格式的服务
荣默默的博客
09-12 3973
首先在浏览器输入该服务的url地址，比如： http://192.168.1.248:9009/arctiler/ogc/services/TiandituRoadMap3857/WMTS 此时一看见WMTS，我当时就立马去api里找例子，立马就用这个， WMTSLayer = new WMTSLayer({ url: "https://gibs.earthdata.nasa.
leaftjs加载arcgis server服务
最新发布
04-01
Leaflet可以通过ArcGIS REST API加载ArcGIS Server服务。以下是加载MapServer服务的示例： ```javascript // 创建地图对象 var map = L.map('map').setView([38.851,-77.035], 13); // 添加ArcGIS Online底图 L....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值