http://blog.sina.com.cn/s/blog_6259ebd50102v221.html
什么是WMTS服务
WMTS,切片地图Web服务(Web Map Tile Service)当前版本是1.0.0。该服务符合 OGC(Open Geospatial Consortium,开放地理信息联盟)制定的 WMTS 实现规范。
WMTS 是 OGC 提出的缓存技术标准,即在服务器端缓存被切割成一定大小瓦片的地图,对客户端只提供这些预先定义好的单个瓦片的服务,将更多的数据处理操作如图层叠加等放在客户端,从而缓解 GIS 服务器端数据处理的压力,改善用户体验。
如何使用WMTS地图服务
本文将对iServer的WMTS服务, 天地图的WMTS服务, ArcGIS的WMTS服务进行剖析
1.针对iServer发布的WMTS服务
针对iServer Java 6R发布的WMTS,我们在使用iClinet对接时,需要注意以下几个参数,这里我用iClinet for JavaScript代码作为示范:
layer = new SuperMap.Layer.WMTS({name: "World", url: http://localhost:8090/iserver/services/map-world/wmts100 //WMTS服务地址 layer: "World", //图层名称 style: "default", //图层样式 matrixSet: "GlobalCRS84Scale_World", //发布的标识符矩阵集 format: "image/png", //图像的MIME类型,默认为 "image/png" resolutions:resolutions, //地图分辨率 opacity: 1, requestEncoding:"KVP"}); //请求编码 ,一般默认都是KVP |
综合上面红色字体的部分,我们可以得出,如果是iServer发布的地图,除地图url外,我们需要获取以上5个属性,那么究竟如何获取这5个属性呢?
获取方法:
1. 首先,启动iServer6R
2. 其次浏览器中输入: http://localhost:8090/iserver/services/map-world/wmts100 然后回车
3. 搜索Contents节点,我们可以获取所需4个属性
World World -180.0 -90.0 180.0 90.0 -2.0037508342789244E7 -2.0037508342789236E7 2.0037508342789244E7 2.0037508342789244E7 default image/png Custom_World GlobalCRS84Scale_World GoogleMapsCompatible_World resourceType="tile" template="http://localhost:8090/iserver/services/map-world/wmts100/ World/default/Custom_World/{TileMatrix}/{TileRow}/{TileCol}.png"/> resourceType="tile" template="http://localhost:8090/iserver/services/map-world/wmts100/ World/default/GlobalCRS84Scale_World/{TileMatrix}/{TileRow}/{TileCol}.png"/> resourceType="tile" template="http://localhost:8090/iserver/services/map-world/wmts100/ \World/default/GoogleMapsCompatible_World/{TileMatrix}/{TileRow}/{TileCol}.png"/> |
从高亮的部分,可以得出以下对应情况
WMTS服务参数 | iClinet for JavaScript代码 |
World | layer: "World" |
default | style: "default" |
GlobalCRS84Scale_World | matrixSet: "GlobalCRS84Scale_World" |
format="image/png" | format: "image/png" |
4. 最后在根据自己地图,计算当前图层的分辨率数组信息.如本范例分辨率数组是:
var resolutions = [1.25764139776733,0.628820698883665,0.251528279553466, 0.125764139776733,0.0628820698883665,0.0251528279553466, 0.0125764139776733,0.00628820698883665,0.00251528279553466, 0.00125764139776733,0.000628820698883665,0.000251528279553466, 0.000125764139776733,0.0000628820698883665,0.0000251528279553466, 0.0000125764139776733, 0.00000628820698883665,0.00000251528279553466, 0.00000125764139776733,0.000000628820698883665,0.000000251528279553466]; |
最终效果图:
2.针对天地图官网发布的WMTS服务
针对天地图官网发布的WMTS服务,我们在使用iClinet对接时,需要注意以下几个参数,这里我用iClinet for JavaScript代码作为示范:
1. 天地图官网公布的WMTS服务地址,请查看http://www.tianditu.cn/guide/index.html
2. 我选取http://t0.tianditu.com/vec_c/wmts为服务地址, 搜索Contents节点,获取4个重要信息:
cva cva cva -180.0 -90.0 180.0 90.0 -180.0 -90.0 180.0 90.0 default tiles c c urn:ogc:def:crs:EPSG::4490 |
从高亮的部分,可以得出以下对应情况
天地图官网WMTS服务参数 | iClinet for JavaScript代码 |
cva | layer: "vec" |
default | style: "default" |
c | matrixSet: "c" |
tiles | format: "tiles" |
由于此天地图官网提供的WMTS服务,为全球经纬度范围(东西经±180度,南北纬±90度),则不需要设置原点和全副范围.
那么在iClinet for JavaScript代码中可以这样写:
layer = new SuperMap.Layer.WMTS({name: "vec", url: "http://t0.tianditu.com/vec_c/wmts", layer: "vec", style: "default", matrixSet: "c", format: "tiles", opacity: 1, requestEncoding:"KVP"}); |
最终效果图:
当然如果再叠加一幅中文标记wmts地图(该步骤同上述步骤相似,请开发人员自己尝试),最终效果:
3.针对ArcGIS发布的WMTS服务
针对ArcGIS发布的WMTS,我们在使用iClinet对接时,需要注意以下几个参数,这里我用iClinet for JavaScript代码作为示范:
1. 使用ArcGIS发布地图服务,切缓存 (此步骤略) 出图正常
2. 得到ArcGIS的WMTS服务地址, (http://localhost:6080/arcgis/rest/services/china/MapServer/wmts)搜索Contents节点,获取6个重要信息:
china china 73.62004852294922 3.8537260781998635 134.76846313476562 53.553741455078125 73.62004852294922 3.8537260781998635 134.76846313476562 53.553741455078125 Default Style default image/png default028mm nativeTileMatrixSet format="image/png" resourceType="tile" template="http://localhost:6080/arcgis/rest/services/china/MapServer/WMTS /tile/1.0.0/china/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}.png"/> 以及矩阵原点属性 0 6.047619047619047E7 -400.0 400.0 256 256 2 3 |
从高亮的部分,可以得出以下对应情况
ArcGIS WMTS服务参数 | iClinet for JavaScript代码 |
china | layer: "china" |
default | style: "default" |
default028mm | matrixSet: "default028mm" |
image/png | format: "image/png" |
73.62004852294922 3.8537260781998635 134.76846313476562 53.553741455078125 | tileFullExtent: new SuperMap.Bounds( 73.62004852294922, 3.8537260781998635, 134.76846313476562, 53.553741455078125) |
-400.0 400.0 | tileOrigin:new SuperMap.LonLat(-400,400) |
3. 获取ArcGIS所切图层的分辨率,访问地图rest服务(http://localhost:6080/arcgis/rest/services/china/MapServer )我们可以获取resolutions
那么在iClinet for JavaScript中完整代码可以这样写
var resolutions = [0.15228550437351568,0.07614275218675784,0.03807137609337892,0.01903568804668946,0.00951784402334473]; //分辨率 var maxExtent = new SuperMap.Bounds(73.62004852294922,3.8537260781998635,134.76846313476562,53.553741455078125); //全副范围 layer = new SuperMap.Layer.WMTS({name: "china", url: "http://localhost:6080/arcgis/rest/services/china/MapServer/wmts" layer: "china", style: "default", matrixSet: "default028mm", format: "image/png", resolutions:resolutions, opacity: 1, tileFullExtent:maxExtent, //瓦片设置的最大范围 tileOrigin:new SuperMap.LonLat(-400,400), //瓦片矩阵左上角 requestEncoding:"KVP" }); |
最终效果图:
注意:在对接ArcGIS wmts服务时:
1. 需要设置瓦片设置的最大范围(全副范围)
2. 需要设置瓦片矩阵左上角 (如果不出图,有时候需要根据请求瓦片行列号,微调这个值)
3. 需要设置分辨率
(转贴请注明出处:http://www.cnblogs.com/zhangyongli2011/ 如发现有错,请留言 谢谢)