WMTS 地图切片Web服务 协议数据解析

1. WMTS 描述

WMTS(Web Map Tiles Service):地图切片Web服务。

2. 数据示例:

arcgis online 导出的wmts xml:

https://sampleserver6.arcgisonline.com/arcgis/rest/services/WorldTimeZones/MapServer/WMTS

内容解析:

  1. contents中可能包含多个layer, 每个layer对应一个请求地址,首先找到source_url
  1. Find the

Style value which is "default". In the URL, replace {Style} with default or the corresponding value in your XML file.

  1. Find the

TileMatrixSet value which is "default028mm". In the URL, replace {TileMatrixSet} with default028mm or the corresponding value in your XML file.

  1. Update the template and set {TileMatrix}/{TileRow}/{TileCol} to {z}/{y}/{x} and add the image file extension (.png) to the end of the URL.
javascript 复制代码
https://maps.vcgi.vermont.gov/arcgis/rest/services/EGC_services/IMG_VCGI_LIDARHILLSHD_WM_CACHE_v1/ImageServer/WMTS/tile/1.0.0/EGC_services_IMG_VCGI_LIDARHILLSHD_WM_CACHE_v1/default/default028mm/{z}/{x}/{y}.png
  1. 获取tileSize

  2. 之后则可以在mapbox中加载此raster 图层进行展示

相关推荐
程序员凡尘21 分钟前
完美解决 Array 方法 (map/filter/reduce) 不按预期工作 的正确解决方法,亲测有效!!!
前端·javascript·vue.js
编程零零七4 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
(⊙o⊙)~哦6 小时前
JavaScript substring() 方法
前端
无心使然云中漫步6 小时前
GIS OGC之WMTS地图服务,通过Capabilities XML描述文档,获取matrixIds,origin,计算resolutions
前端·javascript
Bug缔造者6 小时前
Element-ui el-table 全局表格排序
前端·javascript·vue.js
xnian_7 小时前
解决ruoyi-vue-pro-master框架引入报错,启动报错问题
前端·javascript·vue.js
麒麟而非淇淋8 小时前
AJAX 入门 day1
前端·javascript·ajax
2401_858120538 小时前
深入理解MATLAB中的事件处理机制
前端·javascript·matlab
阿树梢8 小时前
【Vue】VueRouter路由
前端·javascript·vue.js
随笔写9 小时前
vue使用关于speak-tss插件的详细介绍
前端·javascript·vue.js