首页 > 其他分享 >cesium 加载geoserver wmts

cesium 加载geoserver wmts

时间:2023-07-10 16:02:01浏览次数:35  
标签:layer image arctest wmts geoserver cesium 加载

遇到问题:

  ①加载瓦片服务时,发现{TileRow}/{TileCol} 参数不对,刚好是等级大了一倍;

  解决方法:tileMatrixLabels:["1","2","3","4","5","6","7","8","9","10","11"]  ,注意是从1开始,不是从0开始。

 

加载wmts 主要代码如下:

var image = new Cesium.WebMapTileServiceImageryProvider({     url:"http://localhost:8880/geoserver/gwc/service/wmts/rest/arctest/{style}/{TileMatrixSet}/EPSG:4490_arctest:{TileMatrix}/{TileRow}/{TileCol}?format=image/png",     layer:'arctest',     format: "image/png",      style:'default',      tileMatrixSetID: 'EPSG:4490_arctest',       tileMatrixLabels:["1","2","3","4","5","6","7","8","9","10","11"],         tilingScheme:new Cesium.GeographicTilingScheme({                  numberOfLevelZeroTilesX: 2,                  numberOfLevelZeroTilesY: 1,              }), }); //layer、tileMatrixSetID等参数需要根据自己的geoserver来做设置 localhost:8880/geoserver/gwc/service/wmts?REQUEST=getcapabilities,这里是所有wmts服务的参数列表,找到对应的图层配置即可 //添加到图层列表 viewer.imageryLayers.addImageryProvider(image);

标签:layer,image,arctest,wmts,geoserver,cesium,加载
From: https://www.cnblogs.com/hjyjack9563-bk/p/17541407.html

相关文章

  • Cesium学习笔记3——加载topojson和Geojson
    在根目录下新建bucket.css@import"../Build/CesiumUnminified/Widgets/widgets.css";@import"../Build/CesiumUnminified/Widgets/lighter.css";html{height:100%}body{background:#000;color:#eee;font-family:sans-serif;font-size:9pt;padding:0;margin:0;w......
  • Cesium学习笔记4——几何体绘制
    引用:Sandcastle-header.js<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="......
  • Mapbox、GeoServer离线部署矢量地图
    Mapbox、GeoServer离线部署矢量地图关键词:Mapbox、GeoServer、Tomcat、PostgreSQL、PostGis一、地图数据获取使用OpenStreetMap获取中国的矢量地图数据二、安装GeoServer及VectorTiles扩展将下载好的GeoServer.war放入Tomcat,启动Tomcat后将VectorTiles扩展中的四个jar包放入GeoSe......
  • Cesium导航指针放大缩小定位平移详解
    一、需求分析点击按钮可以对地图进行放大缩小,点击重置可以返回原先初始地点,点击指针球可以移动切换不同视角。二、代码实现我的版本为Cesium1.69 cesium-navigation-es61.1.6 源码有BUG需要更改安装命令:npm cesium-navigation-es6或者yarnadd npmi cesium-navigation......
  • Cesium中的QuadtreeTile.js类
    /***Asingletileina{@linkQuadtreePrimitive}.**@aliasQuadtreeTile*@constructor*@private**@param{Number}options.levelThelevelofthetileinthequadtree.*@param{Number}options.xTheXcoordinateofthetileinthequadtree......
  • Cesium学习笔记3——加载地图服务
    申请成为天地图开发者,创建应用 编写代码:<!DOCTYPEhtml><htmllang="en"><head><!--Usecorrectcharacterset.--><metacharset="utf-8"/><!--TellIEtousethelatest,bestversion.--><......
  • Cesium学习笔记3——加载倾斜摄影模型
    本地的3dtiles模型采用ContextCapture19生成. 利用Cesium实验室V3.08对OSGB格式转换到3dtiles,得到的结果加载时老是报TypeError:Cannotreadpropertiesofundefined(reading'updateTransform')错误。没搞明白为啥,不过3dtiles文件夹层级目录的命名应该从以前到现在发生了......
  • GIS融合之路(五)给CesiumJS加上体积云(Volumetric Cloud)和高度雾(Height Fog)
    同样在这篇文章开始前重申一下,山海鲸并没有使用ThreeJS引擎。但由于ThreeJS引擎使用广泛,下文中直接用ThreeJS同CesiumJS的整合方案代替山海鲸中3D引擎和CesiumJS整合。系列传送门:同样在这篇文章开始前重申一下,山海鲸并没有使用ThreeJS引擎。但由于ThreeJS引擎使用广泛,下文中直接......
  • 如何实现CesiumJS的视效升级?
    CesiumJS作为一款强大的地理可视化引擎,为我们提供了丰富的地球数据可视化和交互展示的能力。然而,随着用户需求的不断增加和技术的不断进步,如何进一步提升CesiumJS的视觉效果成为了一个重要的问题。首先,为了实现CesiumJS视觉效果的升级,我们可以考虑优化地球表面的渲染和光照效果。......
  • cesium 改背景图
     varviewer=newCesium.Viewer('cesiumContainer',{orderIndependentTranslucency:false,contextOptions:{webgl:{alpha:true,}},});viewer.scene.skyBox.show=false;viewer.scene.backgroundColor=newCesium.Color(0.0,0.0,0.0,0.0)......