技术栈
cesium
duansamve
17 小时前
cesium
Cesium 线段分割和删除
1. 加载线段页面加载时自动创建一条蓝色原始线段线段包含多个坐标点,形成折线2. 分割功能点击"分割线段"按钮进入分割模式
YAY_tyy
1 天前
前端
·
cesium
Cesium 基础:地球场景初始化与视角控制
在 WebGIS 开发领域,Cesium 是一款功能强大的 3D 地球可视化库,结合 Vue3 + TypeScript 可以高效构建交互式的地球场景应用。本文将详细讲解如何基于 Vue3 封装 Cesium 组件,实现地球场景初始化、自定义视角控制工具栏(飞至指定城市、缩放、旋转、定位等),并整合 Element Plus 提升界面交互体验。
ct978
8 天前
学习
·
gis
·
cesium
Cesium中的CZML
CZML(Cesium Language)是Cesium官方推出的JSON格式动态场景描述语言,专门用于定义随时间变化的三维地理空间数据与可视化效果。它通过结构化的JSON语法,将实体(如点、线、模型)、属性(如位置、样式)、时间动态性(如轨迹回放)等信息统一描述,是Cesium实现复杂时空可视化的核心数据格式之一。
weipt
11 天前
前端
·
javascript
·
vue.js
·
cesium
·
卫星影像
·
地形
关于vue项目中cesium的地图显示问题
vite.config.js文件如下123456789import { defineConfig } from 'vite'
YAY_tyy
11 天前
前端
·
3d
·
cesium
·
turfjs
综合实战:基于 Turfjs 的智慧园区空间管理系统
智慧园区空间管理需要解决区域可视化管控、路径规划、资源定位三大核心问题,本项目基于 Vue3 + Cesium + Turf.js 构建一站式空间管理系统,实现从二维地理计算到三维场景渲染的全链路闭环。相比传统方案,本系统具备以下优势:
haokan_Jia
11 天前
cesium
【三、基于Cesium的三维智慧流域四预系统-轻量级搭建】
系统主要包括水雨情、预报分析、流量雨量预警、一维演进、其它辅助功能五大项。 雨情包括自动雨量站、等值线和等值面三部分内容,基于cesium的三维点线面渲染技术实现。后端Java实现等值线、等值面的插值计算。 点击预报分析,分为实测加预估降水、实测加临近预报和自定义降水三种方式。在实测加预估降水模块下,点击创建方案填写对应的参数进行计算。结果以地图、表格形式展示汇集所有预报信息情况,提供预报信息的查询。 点击数字流场,以数字流场形式展示计算结果。 想要了解相关项目的解决方案,欢迎私信咨询哦!!!
YAY_tyy
11 天前
前端
·
3d
·
arcgis
·
cesium
·
turfjs
Turfjs 性能优化:大数据量地理要素处理技巧
在前端地理空间分析场景中,当面对 10 万级以上的海量坐标点数据时,直接使用 Turfjs 进行空间包含分析极易导致主线程阻塞、页面卡顿甚至无响应。本文将分享一套基于 Vue3 + Leaflet + Web Worker 的优化方案,通过异步分片处理、采样预览、主线程解耦等核心策略,实现大数据量地理要素的流畅分析与可视化。
Tiam-2016
11 天前
javascript
·
vue.js
·
arcgis
·
es6
·
gis
·
cesium
·
cesium-plot-js
cesium使用cesium-plot-js标绘多种图形
cesium 军事标绘插件,支持绘制多边形、曲线、箭头等图形npm i cesium npm i cesium-plot-js
gis_rc
17 天前
python
·
3d
·
cesium
·
3dtiles
·
数字孪生模型
python下shp转3dtiles
前言:最近一直在研究怎么通过带高度的shp面生成一些带贴图的3dtiles,提升数字孪生等一些场景的可视化效果。
grasperp
18 天前
cesium
·
3dtiles
·
三维gis
·
3dtiles切片
·
数据切片
3DTiles数据切片工具,支持LAS、OBJ、FBX 3DTiles怎么切片?3DTiles切片
在GIS行业发展如火如荼的今天,无论是城市数字孪生搭建、三维 GIS 分析,还是 Cesium 平台可视化项目,你是否正被这些问题困扰?
duansamve
20 天前
cesium
Cesium中实现在地图上移动/旋转点、线、面
该方法是实现平移的核心,兼容点、线、面三种实体类型,核心流程为:获取当前Cartesian3坐标 → 转换为Cartographic地理坐标 → 叠加平移增量 → 转换回Cartesian3坐标 → 更新实体位置。
冥界摄政王
21 天前
3d
·
vue
·
html
·
webgl
·
js
·
cesium
CesiumJS学习第四章 替换指定3D建筑模型
我们将从 Cesium ion 获取全球卫星影像、3D 建筑物和地形数据。Cesium ion 是一个用于流式传输和托管 3D 内容的开放平台。 如果还没有 Cesium ion 账号,请注册一个免费账号。https://ion.cesium.com/ 登录后: 进入 “访问令牌”(Access Tokens)页面。 记下默认令牌旁的复制按钮,下一步会用到该令牌。 补充说明 Cesium ion 是流式传输和托管 3D 内容的开放平台,包含经过筛选的全球数据,可用于创建真实世界应用。
冥界摄政王
23 天前
node.js
·
html
·
vue3
·
js
·
cesium
Cesium学习第二章 camera 相机
camera:照相机,也就是我们所说的设置中心点,让我们打开应用的时候,视角直接对着我们设置的地方。不设置中心点的时候打开应用默认是整个地球
冥界摄政王
24 天前
vue
·
vue3
·
html5
·
webgl
·
cesium
Cesium学习第一章 安装下载 基于vue3引入Cesium项目开发
首先 cesium怎么读?[ˈsiːziəm] 读音类似:C z m/ cz母Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。
你们瞎搞
1 个月前
前端
·
cesium
·
gdal
·
地图切片
Cesium加载20GB航测影像.tif
适用人群:刚接触GIS、QGIS、GDAL的小白用户 目标成果:将本地大尺寸无人机正射影像(.tif)转换为Web地图瓦片,并在 CesiumJS 中流畅加载 所需工具:已安装 QGIS(自带 OSGeo4W 和 GDAL)
闲云一鹤
1 个月前
前端
·
gis
·
cesium
Cesium 使用 Turf 实现坐标点移动(偏移)
在 gis 项目中,坐标点偏移算是常见需求了。我们通过设置统一的规则,让 poi 坐标进行一定量的偏移,从而达到保密的要求。
二狗哈
1 个月前
前端
·
javascript
·
算法
·
3d
·
webgl
·
cesium
·
地图可视化
Cesium快速入门34:3dTile高级样式设置
这一节,我们把“3D Tiles 样式”再升一级——按“距离中心”做渐变圆。 以广州塔为圆心,离得越近颜色越红,越远越淡,甚至直接隐藏,全程只用官方样式语言,不动顶点、不写 GLSL。
二狗哈
1 个月前
3d
·
状态模式
·
webgl
·
cesium
·
地图可视化
Cesium快速入门33:tile3d设置样式
这一节,我们给 3D Tiles 换皮肤——让一栋栋建筑按“类型、高度”自动变色,瞬间把灰白城市变成“彩虹都市”。全程只用官方样式语言,无需写着色器。
闲云一鹤
1 个月前
前端
·
cesium
Cesium 去掉默认瓦片和地形,解决网络不好时地图加载缓慢的问题
甲方反馈地图经常出现偶发性加载缓慢的问题我寻思在我本地开发环境很快啊,上了测试环境也没毛病,咋个部署到正式环境就地图慢了?
闲云一鹤
1 个月前
前端
·
cesium
将地图上的 poi 点位导出为 excel,并转换为 shp 文件
前段时间接到一个需求,需要将地图上的 poi 点位数据导出为 shp 文件,下面是我的解决方案点位数据为网上下载的公开数据,不触及涉密内容