Cesium
cesium 自定义属性方法
Cesium.Cesium3DTileset.prototype.setObjsColor = function (ids) { let currentStyle = this.style && this.style.style || {}; this.style = new Cesium.Cesi ......
cesium 3dtils 房屋打组 实现单个房屋选中效果
效果 scenetree.json记录的是模型的数据，这种element的节点上记录的 name 就是建模时给建筑物打组时起的名字，后面cesium创建模型时，建筑物上的每个feature都会添加这个name参数，根据这个name参数可以找到这个模型中的所有feature handler.setIn ......
cesium设置动态属性
中文文档地址 http://cesium.xin/cesium/cn/Documentation1.62/ColorMaterialProperty.html?classFilter=ColorMaterialProperty 点闪动 注意黄色代码部分，一定要加，否则属性会一直处于动态属性状态，一直 ......
cesium第一个示例
Cesium源码下载 Cesium最新版本下载地址：https://cesium.com/downloads/，本次教程用的1.109版本的Cesium，如果当前版本较高，可点击Previous releases找到1.75版本的Cesium下载，下载界面如下图所示： 下载完之后进行解压，压缩包主要 ......
【Unity3D】Cesium加载大地图
1 前言 Cesium 是一个地球可视化平台和工具链，具有数据切片、数据分发、三维可视等功能。 Cesium 支持 JS、Unity、Unreal、O3DE、Omniverse 等平台，框架如下。 Cesium 相关链接如下： Cesium 官网：https://cesium.com C ......
Cesium中的坐标转换
Cesium中的坐标转换 1 Cesium中相关坐标系 1.1 WGS84坐标系 cesium假设wgs84坐标系构成地球球体是xy平面的正圆，z轴稍微小一点扁椭球 x轴垂直纸面向上，wgs84坐标系定义的x，y平面圆是正圆，半径是6378137，xz或者yz的圆是椭圆，z轴的半径是：635 ......
Cesium加载三维模型rendering.Rendering has stopped
使用Cesium加载数据量大、精度高的三维模型数据经常在运行一段时间后，会报如下错误： An error occurred while rendering.Rendering has stopped. TypeError：Failed to execute 'shaderSource' on 'We ......
Cesium常用功能封装，js编码，每个功能独立封装——第1篇
Cesium常用功能封装，js编码，每个功能独立封装，方便直接应用到项目中。 本脚手架可以前端独立运行。 本脚手架项目是前后端一整套，包括权限管理。前端框架采用Vue3 + js + ElementUI-Plus，后端采用Spring Boot + Mysql + Redis，GIS引擎本项目中是C ......
Cesium常用功能封装，js编码，每个功能独立封装——第2篇
Cesium常用功能封装，js编码，每个功能独立封装，方便直接应用到项目中。 本篇紧接着第一篇来写，第一篇链接： https://www.cnblogs.com/haimaqu/p/17719747.html 本脚手架可以前端独立运行。 本脚手架项目是前后端一整套，包括权限管理。前端框架采用Vue3 ......
Cesium学习笔记10——通过WFS服务实现交互式属性查询
1.功能说明： 鼠标绘制多边形进行查询，通过多边形范围，调用Geoserver发布的WFS服务，查询相交的地图要素，将返回结果高亮显示。 单击高亮显示的要素，显示要素的属性信息。 2.网页html代码： <!DOCTYPE html> <html lang="en"> <head> <meta ch ......
Cesium自定义天地图底图颜色
# 自定义天地图底图颜色 在使用Cesium创建3D地球应用程序时，默认的天地图颜色并不能满足全部需求，就需要自定义天地图底图颜色。 开搞。 # 天地图的支持 天地图不支持在cesium中对矢量底图的颜色进行自定义，需要从Cesium入手——即扩展Cesium的地图加载类，以便能够使用自定义的代码来 ......
cesium 地图对当前画面截图，下载
captureScreenshot() { const { viewer } = this.state const { when } = Cesium; const deferred = when.defer(); const scene = viewer.scene; var removeCall ......
Cesium地形抬升效果怎么做？
地形抬升的思路是什么也需要切分3角面？ 改地形顶点数据 还是改vs着色器呀？ 如果需要改源码的话，怎么改？ 来源：Cesium深入浅出群(854943530) ......
Cesium学习笔记9——鼠标交互绘制
html代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name ......
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆 2023-08-30 16:56·零玖UI设计 Cesium.js是一个强大的JavaScript库，用于创建高性能的3D地球可视化应用程序。它提供了许多功能和工具，使得设计出炫酷的3D地球可视化成为可能。下面是一些设计实例： ......
Cesium学习笔记——调用Geoserver发布的wms服务
参考链接：https://space.bilibili.com/597185371/channel/collectiondetail?sid=1650498 利用Geoserver发布地图服务，服务类型WMS。 采用Cesium调用wms服务，源码如下： 1 <!DOCTYPE html> 2 <h ......
Cesium CustomShader 不生效的问题
> CustomShader官网文档（1.95版本）：http://cesium.xin/cesium/en/Documentation1.95/CustomShader.html 一个比较刁钻的例子。 这几天想给模型贴图，学习用CustomShader，找了几个文章的demo和官方demo，都不生 ......
利用 3D 地理空间数据实现Cesium的沉浸式环境
地理空间数据为工业元宇宙中的应用提供丰富的真实世界环境和上下文信息、空间关系和实时监控功能。 近年来，3D 地理空间数据呈爆炸式增长。快速增长是由技术进步推动的，例如高分辨率航空和卫星图像，自动驾驶汽车和机器上的激光雷达扫描仪，3D重建算法和AI的改进，以及扫描技术在手持设备和智能手机中的普及，使日... ......
Cesium中坐标系的转换
初学cesium，对cesium中的camera转换感到狠迷惑 对于屏幕坐标系统(二维)、笛卡尔空间直角坐标系统(WGS84）、地理坐标系统(经纬度坐标)的具体内容不再赘述见该博客cesium中的坐标系统与转换 对于camera的heading pitch roll的具体内容不再赘述，见博客Cesi ......
Cesium学习笔记5-加载城市建筑物火柴盒模型
将shp文件转换为cesium可以加载的geojson文件，在线转换工具，使用cesium的GeoJsonDataSource接口类，根据建筑物高度上色加载geojson文件。 注意shp文件包含_Height字段。代码如下： <!DOCTYPE html> <html lang="en"> <he ......
cesium创建多段线缓冲区
两种方式： 一、前端直接引入`turf`库，使用`turf.buffer`方法创建。 二、后端数据库引入`postgis`,使用`ST_Buffer`方法创建，前端调用对应接口的方式获取。 下面分别给出两种方式的关键步骤，代码没有做整理，这里只是提供一下思路： #turf库创建 `activeSha ......
cesium 多边形加粗的边框
polygon 加outline最多只能是1px,定义宽度得用polyline env_draw_polygon(options = {}) { let e = options.e; console.log('draw_polygon 3333', options); let defaultLoca ......
cesium 相机以某点为中心旋转
renderTargetCamera() { const { viewer } = this.state const _this = this viewer.camera.moveEnd.addEventListener(function () { const { gpsamera, cameraH ......
cesium左键事件取值
import { ScreenSpaceEventHandler, ScreenSpaceEventType, Math as cMath, ShadowMode, Color, Cartographic, Cartesian2, Cartesian3, defined } from 'cesium ......
Cesium被接入数字孪生系统后会发生怎样的改变？
众所周知，Cesium凭借其开源免费的特点一直垄断着整个三维GIS的生态系统，但是随着数字孪生技术的发展以及各项新需求的不断涌现，Cesium与数字孪生系统相结合的潜力也逐渐凸显。 ......
三维GIS渲染引擎盘点，以Cesium为核心的拓展优化
目前，以Cesium为核心的各类产品繁多，本文将挑选一些以Cesium为核心的软件案例，为大家进行介绍。 1. CesiumJS CesiumJS相信凡是GIS行业相关人员都特别熟悉了，CesiumJS是一款开源的JavaScript库，用于创建高性能的地球可视化应用程序。它基于WebGL技术，可以 ......
cesium 加载arcgis server wmts
tileMatrixLabels从1开始； 代码如下： //加载arcgis wmts var arcwmts = new Cesium.WebMapTileServiceImageryProvider({ url:"http://127.0.0.1:6080/arcgis/rest/service ......
GIS系统想要实现Cesium For Unreal的视觉效果是否有捷径可走？
对于大多数GIS开发人员来说，CesiumJS都是比较熟悉的引擎，但是相比较Cesium For Unreal而言，CesiumJS的视觉效果就显得差强人意了，因此一些GIS开发人员对Cesium For Unreal是存在需求的。
但是，想要用好东西总是存在代价。由于Cesium For Unre... ......
cesium 加载geoserver wmts
遇到问题： ①加载瓦片服务时，发现{TileRow}/{TileCol} 参数不对，刚好是等级大了一倍； 解决方法：tileMatrixLabels:["1","2","3","4","5","6","7","8","9","10","11"] ，注意是从1开始，不是从0开始。 加载wmts 主要代 ......
Cesium学习笔记3——加载topojson和Geojson
在根目录下新建bucket.css @import"../Build/CesiumUnminified/Widgets/widgets.css";@import"../Build/CesiumUnminified/Widgets/lighter.css";html{height:100%}body{ ......