OpenLayers6入门，Openlayers通过计算matrixIds和resolutions方式加载WMTS地图服务，不需要解析WMTSCapabilities文档方式加载WMTS地图服务

原创 已于 2024-04-16 10:02:44 修改 · 1.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
本博客所有文章、代码和作品版权归博主eguid所有，未经博主允许不得私自改编和转载，侵权必究。关注博主微信公众号：eguid
文章标签：

#javascript #vue #OpenLayers #WMTS地图服务 #前端

于 2023-05-29 19:37:41 首次发布
本文介绍了在OpenLayers6中如何通过计算matrixIds和resolutions来直接加载WMTS地图服务，避免解析WMTSCapabilities文档。当地图服务的WMTSCapabilities.xml解析失败时，此方法尤其适用。文章涵盖了依赖安装、Vue项目中的使用、瓦片矩阵计算以及代码实现。

专栏目录：
OpenLayers6入门教程汇总目录

前言

在此之前，博主已经写过《OpenLayers通过WMTSCapabilities.xml加载GeoServer发布的标准wmts地图服务》，有时候可以不通过解析WMTSCapabilities文档，直接自己计算matrixIds和resolutions方式加载WMTS地图服务。
除此以外有些地图服务发布的有问题，导致WMTSCapabilities.xml解析失败，就无法正确读取到地图服务的相关信息，这种时候可以采用本章所讲的这种方案进行加载WMTS地图服务。
openlayers

二、依赖和使用

"ol": "^6.15.1"
了解本专栏 订阅专栏 解锁全文
07-openlayers加载WMTS服务
fxshy的博客
05-14 638
07-加载WMTS服务
OpenLayers实战，OpenLayers预加载瓦片，解决移动地图或缩放地图时出现空白瓦片的问题
GIS技术方向，GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程。关注博主公众号：eguid
04-17 2625
OpenLayers默认加载地图并不会预加载不同层级的瓦片，所以我们在进行地图缩放操作或者移动地图位置时会出现瓦片还没加载出来显示空白瓦片的问题，其实很简单，只需要设置图层的preload参数即可实现瓦片的预加载，解决没加载出来显示空白瓦片的问题。
openlayer加载多种数据源的WMTS服务
qq_40850482的博客
06-01 2579
一、WMTS简介 WMTS，即Web地图瓦片服务（Web Map Tile Service），由OGC（开放地理信息联盟）制定。根据WMTS标准，可以使我们轻松的访问瓦片数据。 WMTS提供了一种采用预定义地图瓦片发布数字地图服务的标准化解决方案，它最重要的特征是采用瓦片缓存技术缓解WebGIS服务器端数据处理的压力，提高前后端交互响应速度。 WMS（Web地图服务）提供可定制地图的服务，是一个动态数据或用户定制地图（需结合SLD-Style Layer Descriptor）的理想解决方法。例如，可以在G
Openlayers中加载WMTS地图服务，自定义级别、分辨率
热门推荐
高端客户
08-08 1万+
需要以下几个参数 origin（原点） resolutions（分辨率数组） matrixIds（分辨率对应的级别） projection（坐标系） 以arcgis server 发布的服务为例，如图 var projection = ol.proj.get("EPSG:4326"); var resolutions = [0.00118973050291514, 5.94865...
OpenLayers加载不同WMTS服务
SuperMap技术控
12-21 8841
作者：yyy 前言 WMTS，Web地图瓦片服务（Web Map Tile Service）当前版本是1.0.0。WMTS标准定义了一些操作，这些操作允许用户访问瓦片地图。WMTS可能是OGC首个支持RESTful访问的服务标准。SuperMap iServer支持发布WMTS 1.0.0标准的服务，同时提供一个兼容《地理信息公共服务平台电子地图数据规范》中地图分级标准的服务。 WMTS服务包含的信息介绍 在常规的WMTS服务中会包含以下参数和信息： <ows:Get...
Vue+OpenLayers7入门到实战：OpenLayers计算matrixIds和resolutions方式加载WMTS地图服务，不需要解析WMTSCapabilities文档方式加载WMTS
GIS技术方向，GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程。关注博主公众号：eguid
04-16 331
本章介绍如何使用OpenLayers7在地图上实现通过计算matrixIds和resolutions方式加载WMTS地图服务，不需要解析WMTSCapabilities文档方式加载WMTS地图服务的功能。在本章之前，已经写过《Vue+OpenLayers7入门到实战：OpenLayers通过WMTSCapabilities.xml加载GeoServer发布的标准wmts地图服务。
openlayers加载天地图WMTS服务
心如止水 宠辱不惊
08-21 2671
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="https://cdn.bootcss.com/openlayers/4.6.5/ol.css" rel...
精选资源
openlayers 加载天地图示例
02-24
值得注意的是，你需要根据天地图的官方文档来完善分辨率数组和WMTS服务的URL参数，确保图层能够正确加载。 此外，你还可以添加更多的功能，比如添加比例尺、图例、定位控制等，使地图应用更加完整和实用。例如： `...
GIS OGC之WMTS地图服务，通过Capabilities XML描述文档，获取matrixIds，origin，计算resolutions
无心使然云中漫步
09-18 2901
需求：如何根据WMTS服务的Capabilities描述文档得到，openlayers调用wmts服务时的matrixIds，origin和resolutions参数
OpenLayers教程：多源数据加载之WMTS
不睡觉的怪叔叔的博客
09-05 1万+
目录 一、WMTS简介 二、WMTS的接口 2.1、GetCapabilities 2.2、GetTile 2.3、GetFeatureInfo 三、加载ArcGIS产品发布的WMTS服务数据 3.1、加载ArcGIS Online发布的WMTS服务数据 3.2、加载ArcGIS Server发布的WMTS服务数据 四、加载GeoServer发布的WMTS服务数据 五、加载天...
Openlayers实战：加载WMTS数据
大剑师兰特的GIS世界
07-21 1024
Web Map Tile Service(WMTS) 是 2010 年开发的相对较新的标准 Web 服务。此类Web 服务的理念类似于 WMS。但它是为 256 x 256 像素大小的 2D 平铺模式设计的协议使用 WMTS 的好处之一是可以在不同比例的服务器端地图切片上预染，并在客户端缓存.因此，这会导致更快的交付、更少的带宽以及更好的快速加载用户体验。在Openlayers实战中，我们用外部的一个服务器发布的WMTS来做示例演示，加载出瓦片数据。
openlayers：实现加载WMTS数据（附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
02-12 715
openlayers：实现加载WMTS数据（附完整源码）
OpenLayers 3 加载WMTS天地图
比海更深
08-24 3462
设置空间参考坐标系 使用哪个坐标系取决于加载的地图服务，如果坐标系与地图服务的不同，则可能出现无法加载地图的问题 var projection = ol.proj.get('EPSG:4326');//经纬度空间参考坐标系 var projection = ol.proj.get('EPSG:3857');//墨卡托投影空间参考坐标系 设置地图缩放层级分辨率 var projectionExten
openlayers加载geoserver发布的WMTS服务
dengkexin123456的博客
06-21 1148
本文探索了通过openlayers框架加载wmts服务，主要介绍vue2+openlayers加载wmts服务的过程。
Vue+OpenLayers学习系列（五）OpenLayers 加载 WMTS 地图服务（GeoServer）
Ocean111best的博客
08-02 3560
一、用 GeoServer 发布地图服务并且查看 选择 Tile Caching 里面的 Tile Layers，选择预览方式为 EPSG:4326/png 点开预览该服务，然后在预览页面查看网页源码，查看具体的调用方式和所需的参数。 二、OpenLayers 调用 WMTS 服务 <template> <div id="map" ref="rootmap"> </div> </template> <scri..
openlayers 使用WMTS和XYZ加载天地图切片服务
无心使然云中漫步
06-17 3368
WMTS：是一种由Open Geospatial Consortium (OGC)制定的开放标准，它定义了在Web上发布和使用预渲染地图瓦片的标准方法。这种标准化确保了不同厂商和平台之间的互操作性。XYZ：是一种更偏向于自定义的地图瓦片服务格式，通常用于OpenStreetMap和其他提供标准XYZ URL格式的地图服务。它没有像WMTS那样的严格标准，但提供了一种灵活的方式来提供地图瓦片。
OpenLayers 加载Geoserver WMTS服务
GIS之路
06-11 1402
注：当前使用的是 ol版本，天地图使用的key请到天地图官网申请，并替换为自己的keyWMTS(网络切片地图服务)作为OGC标准之一，获得了各大地图厂商和许多流行地图库的支持，在WebGIS系统开发生产中具有广泛应用。Geoserver作为开源GIS服务器，由于其具有跨平台、使用方便、支持多数据源、部署简单等特点，受到广大GIS开发者的青睐。本节主要介绍在OpenLayers中如何加载。
Openlayers 教程 18 - 中加载渲染 WMTS TMS XYZ WMS WFS 图层以及示例
非科班Java出身GISer的博客
12-05 5609
本文详细总结介绍 Openlayers 中加载渲染 WMTS TMS XYZ WMS WFS 图层。 以及在线示例。
OpenLayers：加载GeoServer发布的WMTS、TMS服务
Puzzle的博客
11-17 1万+
# 数据 ## 数据说明：广州天河区路网.shp ## 坐标系：EPSG:3857 ## 坐标系范围：[-20037508.34, -20037508.34, 20037508.34, 20037508.34] ## 数据范围：[12612071.934997188, 2644615.605161872, 12628768.72360215, 2660183.6516002486] ## 数据中心：[12620420.32929967, 2652399.6283810604].....
如何在OpenLayers中加载天地图的WMTS服务
最新发布
07-01
在 OpenLayers 中加载天地图的 WMTS 服务，需要配置 `ol.source.WMTS` 源，并结合投影、瓦片网格等参数来正确请求天地图服务器的数据。天地图的 WMTS 服务基于标准的 OGC 协议，因此可以通过设置 `WMTS` 类型的图层...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汤姆猫不是猫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值