设置代理调用WMTS服务

 

一、数据准备

1、链接:http://pan.baidu.com/s/1sjzCytR 密码:uugc,下载DotNet版本

clip_image002

clip_image003

2、 发布切片服务,打开ogc服务可产看到相应的符合ogc标准的服务,如下选择WMTS服务

clip_image005该服务下有符合WMTS服务的描述文档

clip_image007

clip_image009

二、调用

1、拷贝DottNet版本中的文件到C:\inetpub\wwwroot\proxy(部分文件需要新建)【图1】,用记事本打开proxy.config

clip_image010

图1

2、按【图2】添加

<serverUrl url="http://localhost:6080/arcgis/rest/services"

matchAll="true"/>

到特定位置,保存关闭即可

clip_image012

3、 在C:\inetpub\wwwroot路径下新建tests.html[可在别的IDE中新建html文档然后发布到IIS中也是一样的效果],用记事本打开,写入如下内容

<!DOCTYPE html>



<html>



<head>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8">



<!--The viewport meta tag is used to improve the presentation and behavior



of the samples on iOS devices-->



<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">



<title>Add WMTS Layer</title>



<link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">



<style>



html, body { height: 100%; width: 100%; margin: 0; padding: 0; }



#map{



padding: 0;



}



#citationInfo{



position:absolute;



color:black;



font-weight:bold;



font-size:12pt;



left:10px;



bottom:10px;



z-Index:999;



}



</style>



<script src="http://js.arcgis.com/3.13/"></script>



<script>



var map;



require([



"esri/map", "esri/layers/WMTSLayer", "esri/layers/WMTSLayerInfo",



"esri/config",



"dojo/domReady!"



], function(



Map, WMTSLayer, WMTSLayerInfo,



esriConfig



) {



esriConfig.defaults.io.proxyUrl = "/proxy/proxy.ashx";



map = new Map("map");



var layerInfo = new WMTSLayerInfo({



identifier: "test_MyMapService",



format: "png"



});



var options = {



serviceMode: "KVP",



layerInfo: layerInfo



};



var wmtsLayer = new WMTSLayer("http://localhost:6080/arcgis/rest/services/test/MyMapService/MapServer/WMTS", options);



map.addLayer(wmtsLayer);



});



</script>



</head>



<body>



<div id="map">



<div id="citationInfo">



</div>



</div>



</body>



</html>

开始浏览该服务

clip_image014

浏览器中显示如下

clip_image016

你可能感兴趣的:(代理)