使用Cesium加载Geoserver发布的WMTS服务并获取属性

最新推荐文章于 2024-08-06 09:08:51 发布
最新推荐文章于 2024-08-06 09:08:51 发布
阅读量664 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： DEJA_VU3D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AbjCommon_Lisp/article/details/133734477
DEJA_VU3D 专栏收录该内容
38 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何使用Cesium JavaScript库加载Geoserver发布的WMTS服务，展示地理空间数据，并通过点击地图获取属性信息。提供源代码示例，包括创建Cesium Viewer、设置WMTS图层以及实现属性查询功能。

在本文中，我们将探讨如何使用Cesium JavaScript库加载Geoserver发布的WMTS（Web Map Tile Service）服务，并通过点击地图来获取属性信息。我们将提供相应的源代码示例，以便您可以轻松地实现这一功能。

首先，让我们了解一下WMTS服务是什么。WMTS是一种用于在Web上提供地图瓦片的标准化协议。它允许我们以瓦片形式获取地理空间数据，并在网页上进行展示。Geoserver是一个流行的开源地理数据服务器，支持WMTS协议，并且可以发布地图瓦片服务。Cesium是一个用于创建地球、地图和其他地理可视化应用的JavaScript库。

在开始之前，请确保您已经安装了Cesium库，并且可以通过引入相应的JavaScript文件来使用它。现在，让我们来看看如何加载Geoserver发布的WMTS服务并获取属性。

// 创建Cesium Viewer
var viewer = new Cesium.Viewer('cesiumContainer'
了解本专栏 订阅专栏 解锁全文
Cesium 实战 10 - 两种方式加载 Geoserver 服务 WMTS 以及 WMS、WFS、KML 资源图层
非科班Java出身GISer的博客
10-23 9342
Cesium 两种方式加载 Geoserver服务 WMTS以及WMS、WFS、KML资源图层。
cesium-加载geoserver发布的WMTS服务
孙霸天的专栏
03-09 1516
cesium-加载geoserver发布的WMTS服务 发布数据 默认安装好geoServer 选择数据存储 选择添加新的数据存储 选择GeoTIFF 选择数据 发布数据 发布成功 实际效果 完整代码 在首页选择WMTS 查看WMTS的配置信息 这里地图使用的是mapbox地图 叠加上geoServer的WMTS <!-- home --> <template> <div class="home"> <el-breadcrumb s
Cesium之加载GeoServer或geowebcache的WMTS服务
shanshanqwertyuiop的博客
04-23 1616
Cesium加载GeoServer地理坐标WMTS服务。
cesium加载geoserver的wmts服务
m0_65745337的博客
08-06 1004
1、加载坐标系为4326的服务。
Cesium 加载GeoServer WMTS 服务
qq_41731732的博客
12-18 5319
前提 Cesium GeoServer GeoWebCache 查看GeoServer 的服务能力 在GeoServer欢迎页面中，在右侧有服务能力列表 点击 WMTS，查看发布的WMTS服务列表 如果遇到如下情况，则需要重新载入列表： 在 Caching Defaults 下，打开GWC的主页 点击 A list of all the layers and automatic demos 在...
Cesium加载Geoserver发布的wmts服务
Dani05的博客
04-18 2005
在Geoserver欢迎界面点击右侧WMTS服务，打开xml文件，找到要发布的图层，复制url（Geoserver版本不同url结构略有差异）。 修改url，将{TileMatrix}改为{TileMatrixSet}:{TileMatrix}。图层预览时可以看到发送的Request URL中TileMatrix参数值为EPSG:900913:11，是TileMatrixSet:TileMatrix的形式。 代码如下，如果选择EPSG:4326，还需要添加tilingScheme: n...
cesium加载geoserver的wmts服务.zip
06-19
标题"cesium加载geoserver的wmts服务.zip"暗示了这个压缩包包含的资源和教程，主要是关于如何在Cesium中集成和使用GeoServer提供的WMTS服务。以下是关于这个主题的详细知识点： 1. **Cesium简介**：Cesium是一个...
Cesium加载GeoServer发布WMTS系列问题
Tonque的博客
10-30 1389
使用cesium加载用geoserver发布的wmts服务过程中遇到的系列问题
Cesium-GeoServer发布WMTS服务与加载
席木木的博客
06-14 1686
WMTS服务，即：web map tile service-网络地图瓦片服务，一般是将原始栅格影像数据，按照一定的规则进行切分成块，并按照不同的层级组织成影像金字塔，GIS中有细节层次模型，一种渐进式的影像瓦片加载技术，其实就是瓦片服务的一种。而WMTS也属于瓦片服务的一种。...
cesium 加载geoserver 的 wms、wmts、wfs、wcs服务
weixin_48200201的博客
08-26 1444
cesium 加载geoserver 的 wms、wmts、wfs、wcs服务
Cesium加载Geoserver发布的WMS、WMTS、TMS服务
zhanyong168的专栏
11-01 1844
Cesium加载Geoserver发布的WMS、WMTS、TMS服务
cesium加载wmts服务
m0_48524977的博客
08-25 2725
cesium加载wmts服务。
Cesium中加载geoserver发布的二维地图服务
On the way
06-26 791
注意：若加载时出现跨域问题可进行配置Geoserver的。4.发布成功后使用cesium进行加载显示：代码如下图。2.进行初始化配置，进行加载显示cesium.3.使用geoserver进行地图服务发布.1.第一步，先引入cesium。
Cesium加载各种来源的wms和wmts服务
u014015203的博客
05-10 6993
使用WebMapTileServiceImageryProvider加载，加载方法如下，除了实现方法，针对不同平台发布的wmts服务的配置地址也很重要。使用WebMapServiceImageryProvider加载，加载方法如下，除了实现方法，针对不同平台发布的wms服务的配置地址也很重要。选中所需图层，点击进入下面页面。基础地址 + 各个参数。
Cesium加载Geoserver发布的wms
weixin_42292140的博客
02-19 1884
1. “china”为 geoserver 工作区名称，记得修改。 var url = 'http://localhost:8081/geoserver/china/wms'; //Geoserver URL 2. 对应的图层名也要修改。 layers: 'china:gis_osm_landuse_a_free_1',// 图层名 3. 完整的 script 部分，实现图层叠加。...
Cesium加载GeoServer WMS、WMTS服务
giscoder的博客
11-07 3747
版本信息 Cesium 1.56.1 GeoServer 2.16.0 关于GeoServer如何发布WMS、WMTS服务请参考上一篇文章GeoServer数据服务发布及切片。如果您对什么是WMS、WMTS不太清楚的话，请参考WMS、WFS、WCS、WMTS服务。 WMS数据加载 let parameters = { service: 'WMS', ...
cesium加载geoserver中发布的地图
weixin_56455782的博客
02-21 1750
想要在geoserver中发布地图，首先要先要下载geoserver，下载完成后，可以参考官网的操作文档进行地图的发布，也可以让后端去操作进行发布 然后就是前端引用了。 let imageProvider = new Cesium.WebMapTileServiceImageryProvider({ url: "http://192.168.1.222:8888/geoserver/gwc/service/wmts/rest/world-tiff:world-level0
Cesium笔记 加载GeoServer服务，以及跨域问题
qq_40216244的博客
10-13 4790
一、加载如下的GeoServer发布地图服务 加载代码如下，其中url为红线框选部分，layers为发布的图层NAME //加载GeoServer图层，测试数据 ShowTestData() { var layer = new Cesium.WebMapServiceImageryProvider({ url: 'url', layers: 'pipelin...
Cesium如何加载Geoserver发布的wmts服务
最新发布
11-20
Cesium加载Geoserver发布的wmts服务有以下两种常见方法： ### 方法一 可以通过`Cesium.WebMapTileServiceImageryProvider`来加载wmts瓦片服务，示例代码如下： ```javascript //wmts瓦片服务 viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({ url: 'http://localhost:9001/geoserver/gwc/service/wmts?REQUEST=GetTile&SERVICE=WMTS&VERSION=1.0.0' + '&LAYER=shp:pm25bj&STYLE=&FORMAT=image/png&TILEMATRIXSET=EPSG:900913&TILEMATRIX=EPSG:900913:{TileMatrix}&TILECOL={TileCol}&TILEROW={TileRow}', //服务地址 maximumLevel: 20 })); ``` 此代码中，`url`为wmts服务的地址，`maximumLevel`指定了最大的缩放级别 [^2]。 ### 方法二 在Geoserver欢迎界面点击右侧WMTS服务，打开xml文件，找到要发布的图层，复制url（Geoserver版本不同url结构略有差异）。修改url，将`{TileMatrix}`改为`{TileMatrixSet}:{TileMatrix}`。若选择EPSG:4326，还需要添加`tilingScheme: new Cesium.GeographicTilingScheme()` 。示例代码如下： ```javascript let wmtsImageryProvider = new Cesium.WebMapTileServiceImageryProvider({ url: "http://localhost:8090/geoserver/gwc/rest/wmts/Cesium:S40PGWGS1984/{style}/{TileMatrixSet}/{TileMatrixSet}:{TileMatrix}/{TileRow}/{TileCol}?format=image/png", style: "", tileMatrixSetID: "EPSG:900913", // tileMatrixSetID: "EPSG:4326", // tilingScheme: new Cesium.GeographicTilingScheme(), }); viewer.imageryLayers.addImageryProvider(wmtsImageryProvider); ``` 若加载后控制台报错401，网页弹出登录Geoserver账号界面，是因为未进行用户名密码验证，请求头中没有传入授权验证。可关闭Geoserver请求的过滤器，在`Security->Authentication->Filter Chains`中删除`gwc`过滤器；也可以在请求头中添加用户名密码，参考https://blog.youkuaiyun.com/weixin_42047398/article/details/107400129 [^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值