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 图层进行展示

相关推荐
糯糯酱几秒前
Vue打包优化
前端
牧艺2 分钟前
cos-design 4.0:91 个特效组件一次捅成 React / Vue / Web Components / Core
前端·vue.js·web components
沙蒿同学2 分钟前
Wails v2 实战:用 Go + Vue3 做一个真正能用的 AI 桌面应用
前端·javascript·后端
某亿2 分钟前
为什么我放弃了 esbuild,改用 typescript 包做运行时编译
前端·electron
Blanche15002 分钟前
优化 RAG 应用提升问答准确度
前端
颜进强2 分钟前
09 · NestJS Middleware 中间件:链路最外层那个"最像 Express"的家伙
前端·后端·ai编程
创新技术阁2 分钟前
FastapiAdmin 实战:演示模式开关失效的排查记录
前端·后端·fastapi
拖孩3 分钟前
一个人 + AI 做的小程序,一个半月把服务器钱赚回来一半了
前端·后端·微信小程序
风骏时光牛马3 分钟前
后端服务接口开发与业务逻辑实现
前端
编程老船长4 分钟前
权限不只是菜单按钮——QuickBlue 的 RBAC 与行级数据权限是怎么落地的
java·前端·后端