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

相关推荐
P***25396 小时前
前端构建工具缓存清理,npm cache与yarn cache
前端·缓存·npm
好奇的菜鸟6 小时前
解决 npm 依赖版本冲突:从 “unable to resolve dependency tree“ 到依赖管理高手
前端·npm·node.js
lcc1876 小时前
Vue 内置指令
前端·vue.js
lijun_xiao20097 小时前
前端React18入门到实战
前端
o***Z4487 小时前
前端响应式设计资源,框架+模板
前端
IT_陈寒7 小时前
Vue 3.4 正式发布:5个不可错过的性能优化与Composition API新特性
前端·人工智能·后端
N***73857 小时前
前端无障碍开发资源,WCAG指南与工具
前端
我有一棵树8 小时前
深入理解html 加载、解析、渲染和 DOMContentLoaded、onload事件
前端·性能优化·html
JIngJaneIL8 小时前
就业|高校就业|基于ssm+vue的高校就业信息系统的设计与实现(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·高校就业
G***T6918 小时前
前端构建工具环境变量,安全管理
前端