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

相关推荐
谷歌开发者37 分钟前
Web 开发指向标 | Chrome 开发者工具学习资源 (一)
前端·chrome·学习
名字越长技术越强41 分钟前
Chrome和IE获取本机ip地址
前端
天***889641 分钟前
Chrome 安装失败且提示“无可用的更新” 或 “与服务器的连接意外终止”,Chrome 离线版下载安装教程
前端·chrome
半梦半醒*44 分钟前
zabbix安装
linux·运维·前端·网络·zabbix
清羽_ls1 小时前
React Hooks 核心规则&自定义 Hooks
前端·react.js·hooks
你的人类朋友1 小时前
“签名”这个概念是非对称加密独有的吗?
前端·后端·安全
西陵2 小时前
Nx带来极致的前端开发体验——任务缓存
前端·javascript·架构
10年前端老司机3 小时前
Promise 常见面试题(持续更新中)
前端·javascript
潘小安3 小时前
跟着 AI 学 (一)- shell 脚本
前端·ci/cd·vibecoding
clownAdam4 小时前
Chrome性能优化秘籍
前端·chrome·性能优化