geoserver cesium wmts
vue3+vite+ts搭建一个基于cesium的gis系统
使用 NPM: bash $ npm create vite@latest 使用 Yarn: bash $ yarn create vite 使用 PNPM: bash $ pnpm create vite附加的命令行选项# npm 6.x npm create vite@latest my-vue ......
Cesium地形切片踩坑记
网上找的4个工具用于地形切片 1.terrain地形生成-ctb方式，也就是编译好的ctb版本，取消了gzip压缩 2.terrain地形生成-gdal方式，使用的gdal2srtmtiles-demo.py 3.terr2cesiumApp 4.cesiumlab 第一个软件存在的问题，海底地形异 ......
cesium 使用 GeoJsonDataSource 加载 geoJson 数据，渲染 Polygon、polyline、Text 贴地配置
原文地址：https://juejin.cn/post/7029592051154944007 export function renderPolygon(geojson: any, zoomto: Boolean = true) { const viewer = window.viewer con ......
记录一下工作中遇见的geoserver项目编译不成功和开源团队沟通解决问题的bug
文件地址：org.geoserver.wcs.kvp.rangesubset.AbstractContentNode 最近公司需要一些geoserver的定制化修改开发，但是在build项目的时候，发现这个Node是没有import的，我网上看了下，有的是直接引入的上面我注释掉的， 这是错误的做法， ......
Cesium中的鼠标事件
10-Cesium中的鼠标事件 在Cesium中，有部分情况需要和场景进行交互，这就离不开鼠标的操作。Cesium为实现这一功能，分成了两个过程。首先，传递viewer.canvas参数实例化ScreenSpaceEventHandler类，例如实例化后的名称为handler；然后，为 handle ......
Cesium中的坐标类型及转换
06-Cesium中的坐标类型及转换 1、屏幕坐标 屏幕坐标是平面直角坐标系，是二维笛卡尔坐标系。Cesium中使用Cartesian2来描述屏幕坐标系构造函数是new Cesium.Cartesian2(x, y)。具体是鼠标点击位置距离canvas左上角的像素值。屏幕左上角为原点（0.0），屏幕 ......
Cesium调整3DTile/tileset 点位移动
以下是将tileset的位置调整到北京（在WGS84坐标系下）的正确代码： var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ url: 'path/to/your/tileset' })); tileset. ......
Cesium的搜索框如何自定义功能
geocoder提供了地理编码功能用来搜索位置，但是在离线环境下无法使用。 为了将这个搜索框用起来，添加根据坐标搜索的功能，可以这么写： viewer.geocoder._form.children[0].placeholder = "请输入：经度，纬度"; viewer.geocoder.auto ......
Cesium中显示栅格数据查询结果
Cesium通过wms或者wmts服务加载发布的矢量数据，点选数据时会有一个属性框，如图： 而对于栅格数据则不会出现这个框，为了解决这个问题，需要创建一个空的Entity，当点击时就会出现这个框了。像这样： 实现方法参考了geoserver里面基于openlayer的图层预览： url = url ......
Cesium如何加载PBS发布的WMTS服务
Cesium加载Geoserver发布的WMTS服务，url示例： 'http://localhost:8080/geoserver/gwc/service/wmts/rest/nurc:mosaic/{style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{T ......
Cesium离线部署的正确方法
网上相关文章比较杂，有的说要改源码，其实不用，都试了一遍发现这样才对 var myProviderViewModel = new Cesium.ProviderViewModel({ name: "天地图地形", tooltip: "", iconUrl: "Widgets/Images/Image ......
Geoserver
知识点 shape files 用工具生成文件，拷贝到服务器安装目录中。 快速开始使用 https://docs.geoserver.org/latest/en/user/gettingstarted/index.html 发布一个shape文件 https://docs.geoserver.org ......
Cesium
实景三维 参考资料 数字三维 http://csit.anancar.cn/p/index.php?title=%E6%95%B0%E5%AD%97%E4%B8%89%E7%BB%B4#Cesium_.E6.8B.9B.E8.81.98.E8.A6.81.E6.B1.82 Cesium中国博客列表 ......
基于vue和vite的cesium、cesiumNavigation使用--（1）项目构建及引入
系统信息 windows10 LTSC 21H2 vscode：1.77.1 nodejs：18.15.0 npm：9.5.0 版本信息 vue：3.2.47 vite：4.1.4 cesium：1.104.0 vue-router：4.1.6 默认在以上的js相关版本下构建环境，并包括创建vu ......
Geoserver启动时提示:The GEOSERVER_HOME variable is not defined
场景 GeoServer简介、下载、配置启动、发布shapefile全流程(图文实践)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/109636080 在下载解压之后点击启动bat时提示: The GEOSERVER_HOME ......
用geoserver内置的geowebcache(gwc-core-x.xx.x.jar)发布紧凑型地图
领导得寸进尺，昨天刚刚用geowebcache.war发布成功了紧凑型地图，今天就问那直接用geoserver内嵌的geowebcache能不能发布？ 领导安排了，就干呗。 第一步，下载geoserver.war。下载地址：https://sourceforge.net/projects/geose ......
Cesium 案例（十一） Terrain Exaggeration
1 Cesium.Ion.defaultAccessToken = 2 "token"; 3 4 const viewer = new Cesium.Viewer("cesiumContainer", { 5 terrainProvider: Cesium.createWorldTerrain(), ......
Cesium 案例（九）示例中小程序集合（1）
因为这几天在忙一些客观上无法逃脱的事，没有大块时间对中大型案例进行学习，所以对官方案例中的代码不超过40行的程序进行了学习。我把他们放在一到两个随笔中。 注：【所有案例中最前面务必加上】 1 Cesium.Ion.defaultAccessToken =your Token; 集合一 1.3D Ti ......
Cesium 案例（十）示例中小程序集合（2）
11.OSM 1 const viewer = new Cesium.Viewer("cesiumContainer", { 2 terrain: Cesium.Terrain.fromWorldTerrain(), 3 //terrainProvider:Cesium.createWorldTer ......
cesium：Transforms
Transforms类提供了一些用于坐标变换的方法，可以帮助我们在不同的参考系之间转换点或向量。 cesium中最常用的transforms类有以下几个： Transforms.eastNorthUpToFixedFrame(origin, ellipsoid, result) 这个方法接受一个原点 ......
WebGIS|使用Openlayers获取Geoserver发布的WFS和WCS服务
1、发布WFS和WCS服务 发布WFS服务 Web 要素服务（WFS） 支持对地理要素的插入，更新，删除，检索和发现服务。该服务根据HTTP客户请求返回GML数据。 其基础接口是：GetCapabilities，DescribeFeatureType，GetFeature GetCapabiliti ......
Cesium案例（八） Terrain
第一步正常建viewer，需要注意的是官网例子属性值比较老，最新版本的属性值有所差异，全copy官网会无法运行，提示函数未定义。 第一处差异 官网： 1 const viewer = new Cesium.Viewer("cesiumContainer", { 2 terrain: Cesium.T ......
cesium加载大批量点
如果想在Cesium中显示一个点，目前有这么几种方法：Primitive、Entity、czml文件、GeoJson文件等。 下面是显示64,800 个点的 PointPrimitiveobjects 的代码示例，并且让所有点同时都运动起来 var viewer = new Cesium.Viewe ......
看下Cesium如何做大数据加载的
转载原文：https://www.cnblogs.com/fuckgiser/p/6565957.html glTF的整体设计，概括有四点： 第一，数据块(Buffer)连续，保证了读写性能； 第二，提供了视图（View）和访问器（Accessor）的概念，在不损失数据块完整性的前提下提供类型信息和 ......
Cesium中加载大规模数据稳定流畅之性能优化思路
1. 使用数据流技术：Cesium支持使用数据流技术，即按需加载和卸载数据，以最小化数据传输量和加载时间。 实现原理大致如下： Cesium 会根据相机位置和高度动态调整 3D Tiles 的细节级别，并将需要渲染的 Tiles 加入渲染队列。 当队列中的 Tiles 的内存使用量超过 maximu ......
Cesium 案例 （七） Time Dynamic Wheels
知识点和api都以注释的形式标注在了代码中，学习Cesium官方案例可以作为辅助理解代码，进行自我学习和案例复现。 主要学习网站：cesium官网案例源码 cesium中文网api文档 Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5 ......
Cesium案例（六） Time Dynamic Wheels
Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer", { shouldAnimate: true, }); const start=Cesium.JulianDate. ......
Cesium案例(五) Underground Color
Cesium.Ion.defaultAccessToken = token const viewer = new Cesium.Viewer("cesiumContainer"); const scene = viewer.scene; const globe = scene.globe; //获取 ......
Cesium之DrawCommand与绘制三角形
1. 引言 Cesium中的Command对象包含执行的指令参数和执行方法，Command对象主要有三类： ClearCommand DrawCommand ComputeCommand DrawCommand是最常用的指令，它是绘制的主角 DrawCommand封装如下，几乎包含了绘制所需要的全部 ......
Cesium学习说明 路线 资源
资源： Cesium官网：https://cesium.com/ Cesium github源码：https://github.com/CesiumGS/cesium Cesium官方API文档：https://cesium.com/learn/cesiumjs/ref-doc/ Cesium教程: ......