WebGIS
关注
分享
扫一扫
文章平均质量分 82
二三维WebGIS基础与WebGIS项目
GISer_Jinger
CSDN 前端领域优质创作者
曾在得物APP-前端平台-投放&增长部门 实习
个人网站versionI：http://47.97.209.196:80，
Gitee：https://gitee.com/gisjinger
南师大GIS IS信息系统 G数字孪生城市、地图可视化、三维可视化
Front_End job-hunting
励志成为大中厂的一名会后端会GIS会AI的前端工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cesium.js-Three.js-Vue出现的奇怪事情的解决方案
vue中使用cesium方法总结_vue-cesium_普通网友的博客-CSDN博客。原创 2023-07-31 21:41:51 · 238 阅读 · 0 评论
-
WebGIS入门
1.关于WebGISWebGIS（网络地理信息系统）是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展，具有传统GIS的特点，可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能，同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We原创 2022-01-02 14:55:06 · 18593 阅读 · 0 评论 -
WebGIS入门—进阶
在WebGIS入门篇，前端使用了纯HTML、CSS、Javascript、Jquery较为传统方式构建，服务器借助ArcGIS Srver发布相关地理服务且涉及到GIS，自行构建后端且涉及到数据库。So,WebGIS进阶来了！！！！本文大概是关于Vue2+Cesium+Openlayers+Java+MySQL+Tomcat。原创 2023-11-05 17:53:51 · 1751 阅读 · 2 评论 -
实景三维&点云处理专业软件&ArcGIS根据DSM生成地表点云集
在ArcGIS中，从DEM（数字高程模型）采样高程信息到点要素类是一个常见的地理处理任务。点云处理专业软件是专门用于处理和分析三维点云数据的工具，广泛应用于测绘、建筑、文物保护、医学成像等多个领域。在ArcGIS中生成密集点并从图像上采样高程值通常涉及几个步骤，包括创建点要素类、提取图像高程值以及可能的高程插值。如果你需要更平滑的高程表面，可以考虑使用高程插值方法（如IDW、克里金等）来生成新的栅格数据集。通过以上步骤，你可以在ArcGIS中生成密集点并从图像上采样高程值，进而进行进一步的分析和处理。原创 2024-12-30 22:25:52 · 1914 阅读 · 0 评论 -
城市灾害应急管理集成系统——系统介绍
本系统是一款集3D GIS、无人机技术、视频GIS、AI GIS 和深度学习算法等技术于一体的仿真模拟与应急预案平台。系统面向多主体（机构领导、领域专家、救援人员与普通公众等）、灾害发展不同时期（灾前、灾中和灾后），支持内涝、团雾、火灾、传染病和地面塌陷五种灾害场景仿真模拟和应急预案，一定程度上能支撑灾前预警预报、灾中资源协调以及灾后救援评估的决策制定。原创 2024-12-21 15:36:41 · 1087 阅读 · 0 评论 -
WebGL&Cesium离屏渲染详解
离屏渲染（Off-Screen Rendering）是一种在不直接显示到屏幕上的缓冲区（Framebuffer）中完成渲染操作的技术。离屏渲染的结果可以用于多种场景，例如后处理效果、纹理映射、环境反射等。原创 2024-12-13 09:22:07 · 1432 阅读 · 0 评论 -
Cesium高级内容——渲染器、绘制指令、统一状态UniformState、渲染流程、普通渲染、体渲染、离屏渲染、深度图、地形处理
Cesium高级内容——渲染器、绘制指令、统一状态UniformState、渲染流程、普通渲染、体渲染、离屏渲染、深度图、地形处理原创 2024-12-13 09:20:54 · 1815 阅读 · 1 评论 -
Cesium进阶教程——自定义图形、外观、绘图基础、现有着色器移植至Cesium、ShadowMapping、视频GIS、模型压平、卷帘
Cesium进阶教程——自定义图形、外观、绘图基础、现有着色器移植至Cesium、ShadowMapping、视频GIS、模型压平、卷帘原创 2024-12-12 16:50:47 · 3045 阅读 · 0 评论 -
WebGL后处理与Cesium后处理阶段
ostProcessStage 类是 Cesium 中用于实现后处理效果的核心类。后处理效果是指在渲染过程的最后阶段对场景进行的一些图像处理，例如泛光（bloom）、景深（depth of field）、色调映射（tonemapping）等原创 2024-12-12 15:51:03 · 1634 阅读 · 0 评论 -
前端数据持久化——Vuex+LocalStorage
更好的做法是使用插件或中间件，或者在actions中处理API调用和存储逻辑，然后在mutations中仅更新Vuex的state。LocalStorage是一种Web API，它允许网站在用户的本地浏览器中存储和检索数据，而不是将数据存储在服务器上。接下来，在你的Vue项目中创建一个Vuex Store。综上所述，LocalStorage是一种非常有用的Web API，但在使用时需要注意其限制和问题，以确保数据的隐私和安全。是一个常见的需求，特别是在需要持久化用户状态（如登录状态、用户偏好设置等）时。原创 2024-08-21 15:16:45 · 2343 阅读 · 0 评论 -
【Cesium学习】着色器详解【待进一步总结】
在Cesium中，和是与渲染管线和自定义渲染效果相关的两个重要概念，但它们各自有不同的作用和应用场景。下面我将分别详解这两个概念。原创 2024-08-20 22:19:22 · 1670 阅读 · 0 评论 -
Vue+Cesium加载GeoJSON并设置entity.billboard，在组件销毁/释放实体entity时报错
Vue+Cesium加载GeoJSON并设置entity.billboard，在组件销毁/释放实体entity时报错：TypeError: Cannot read properties of undefined (reading '_textureAtlas') at Billboard.setImage (webpack-internal:///./node_modules/cesium/Source/Scene/Billboard.js:1268:98)原创 2024-08-13 19:20:17 · 747 阅读 · 0 评论 -
Cesium中3DTiles模型平移至指定经纬度
Cesium 平移cesiumlab生产的3Dtiles切片模型到目标经纬度-CSDN博客原创 2024-08-07 11:46:57 · 1169 阅读 · 5 评论 -
3D Tiles优化、切片与轻量化处理
3DTiles格式是一种基于WebGL技术的高效3D场景浏览解决方案，由Bentley Systems公司提出，它支持分层次的LOD概念，可以根据观察者的距离和视角动态加载不同精细程度的3D模型数据，从而优化渲染性能和用户体验。综上所述，对于已有的3DTiles模型进行轻量化处理，需要结合多种技术方法，并根据具体的模型特性和应用需求进行合理的组合和调整。虽然硬盘加速不是直接针对3D Tiles性能优化的常见手段，但确保硬盘的IO性能对于大数据量的3D Tiles应用仍然至关重要。原创 2024-07-31 17:25:31 · 3038 阅读 · 0 评论 -
Cesium粒子系统及其纹理图片加载问题
的属性来自定义粒子的外观和行为。上述代码示例中，我们设置了粒子的图片、大小、颜色、生命周期、速度、发射率等。后来仔细分析，是不是异步原因，模型还没加载完成，纹理图片就直接加载上了。下面是如何在 Cesium 中使用。如果你需要移除粒子系统，可以使用。确保你的粒子图片路径是正确的。在 CesiumJS 中，是一个用于在三维场景中。原创 2024-07-17 10:18:45 · 718 阅读 · 2 评论 -
【视频GIS】实景模型与视频融合（二）
视频GIS，视频与实景模型融合，无人机实时视频与实景模型融合原创 2024-07-14 21:35:34 · 3141 阅读 · 0 评论 -
【WebGIS期末作业】
WebGIS作业课程设计原创 2024-07-13 20:54:09 · 865 阅读 · 0 评论 -
Cesium中移动Entity/Primitive位置
在Cesium中，将一个对象（如Entity等）移动到特定位置通常不是通过一个单独的“移动至特定位置”的函数来实现的，而是通过修改对象的position属性（对于Entity）或属性（对于更复杂的变换，包括旋转和平移）来完成的。Entityposition，该对象表示了地球上的经纬度位置（在WGS 84坐标系中）或笛卡尔坐标（如果使用的是笛卡尔坐标系）。但是，对于经纬度位置，你通常会使用函数来将经纬度转换为笛卡尔坐标，然后设置给position属性。原创 2024-07-13 20:41:16 · 1710 阅读 · 0 评论 -
Cesium中创建局部坐标系
Cesium中创建局部坐标系原创 2024-07-13 20:28:23 · 1307 阅读 · 0 评论 -
【WebGIS附源码】从设计层面设计系统
概念模型的E-R图到逻辑模型的映射规则：（1）实体转换：将E-R图中的每个实体转换为一个关系表（或称为关系模式)、实体的属性成为关系表的列(字段)、实体的主键成为关系表的主键。（2）关系的转换：一对一关系通常不需要创建一个新的关系表来表示这种关系，而是可以在其中一个实体的关系表中添加另一个实体的主键作为外键、一对多关系:在"多"的一方的关系表中添加“一"的一方的主键作为外键、多对多关系:必须创建一个新的关系表来表示这种关系，该表至少包含两个外键，分别指向两个相关实体的主键，并可以包含描述关系的属性。原创 2024-07-12 23:27:15 · 2894 阅读 · 12 评论 -
【WebGIS平台】传统聚落建筑科普数字化建模平台
基于上述概括出建筑单体的特征部件，本文利用互联网、三维建模和地理信息等技术设计了基于浏览器/服务器（B/S）的传统聚落建筑科普数字化平台。该平台不仅实现了对传统聚落建筑风貌从基础到复杂的数字化再现，允许用户轻松在线构建从简约到精细的三维建筑模型，更通过其直观的操作界面和丰富的交互功能，极大地提升了用户体验。用户可以在此平台上浏览各类传统聚落建筑的三维模型，无论是欣赏其独特的建筑风格，还是深入了解其构造细节，都能获得身临其境般的感受。同时，平台还支持用户与模型进行互动操作，如旋转、光照渲染、建筑部件炸开等原创 2024-07-09 21:33:36 · 1358 阅读 · 1 评论 -
Cesium自定义着色器构件三角面片【闪烁】问题，但是一移动视角就闪烁
Cesium自定义着色器构件三角面片【闪烁】问题，但是一移动视角就闪烁原创 2024-07-09 21:20:23 · 560 阅读 · 0 评论 -
Cesium常见设置视角所用到函数
Cesium中的四元数（Quaternion）是一种用于表示三维空间中旋转的数学工具，它由四个分量组成，通常表示为(w, x, y, z)，其中w是实部，x、y、z是虚部。在Cesium中，四元数主要用于描述物体的旋转和姿态，具有精确、高效和稳定的特点。Cesium中的四元数作为一种用于描述旋转的数学工具，具有广泛的应用价值。通过合理使用四元数，可以精确地描述和控制物体的旋转、姿态和坐标变换，提升三维场景中物体运动的真实感和视觉效果。三、四元数的计算与转换。一、四元数的基本概念。原创 2024-07-03 21:54:28 · 1174 阅读 · 0 评论 -
WebGL学习【焕新计划】
在正式进入webgl之前，我想有必要简单了解一下渲染管线，毕竟它贯穿webgl学习的整个过程。原创 2024-06-16 15:12:14 · 1462 阅读 · 0 评论 -
[Cesium]加载GeoJSON并自定义设置符号（以点要素为例）
为了使用自定义的Ant Design或Vue Icon库中的图标，需要先将图标转换成可以在Cesium中使用的格式，例如Canvas或者Data URL。如果你使用的是Vue，你可以将这些代码集成到Vue组件中，以便在Vue应用程序中使用。这样，你就可以在Cesium中使用自定义的Ant Design或Vue Icon图标作为点实体的样式了。来生成Ant Design图标的Data URL，然后使用这个URL来设置Cesium实体的。一旦我们有了图标的Data URL，可以将其用于Cesium实体的。原创 2024-06-03 17:05:40 · 1277 阅读 · 0 评论 -
[GeoServer系列]Shapefile数据发布
[GeoServer系列]Shapefile数据发布。原创 2024-06-03 22:57:10 · 537 阅读 · 0 评论 -
WebGIS下——焕新
WebGIS入门_GISer_Jing的博客-CSDN博客在WebGIS入门篇，前端使用了纯HTML、CSS、Javascript、Jquery较为传统方式构建，服务器借助ArcGIS Srver发布相关地理服务且涉及到GIS，自行构建后端且涉及到数据库。So,WebGIS进阶来了！！！！本文大概是关于：Vue2+Cesium+Openlayers+Java+MySQL+Tomcat。原创 2024-05-20 22:35:18 · 1308 阅读 · 0 评论 -
【Cesium基础】从3dtiles 采高度，已知根据经纬度点集
今天，明天一定要贴地。原创 2024-05-16 22:12:08 · 1041 阅读 · 0 评论 -
【Cesium基础学习】拾取坐标
关于注意事项，需要根据具体的业务场景和需求进行判断和处理。在实际应用中，通常需要根据拾取到的物体进行相应的业务逻辑处理，例如显示信息窗口、执行特定操作等。在Cesium中，可以通过鼠标拾取来获取场景中的地理坐标和高度信息。通常，拾取地理坐标的方式可以分为两种：屏幕空间拾取和地理空间拾取。），否则在没有没有3dTile模型的情况下，会出现空间坐标不准的问题。，并且是最顶部的对象。如果拾取点没有对象，则会返回undefined。在有地形的情况下误差较大，在使用时需要关闭深度测试。原创 2024-05-16 20:38:45 · 3050 阅读 · 0 评论 -
【Cesium解读】Cesium中primitive/entity贴地
Cesium中primitive/entity贴地原创 2024-05-14 21:42:50 · 3626 阅读 · 0 评论 -
[Cesium]Cesium基础学习——Primitive
来表达物体的外观特征，而这些外观特征是由漫反射(diffuse)、镜面反射(specular)、法向量(normal)、自发光(emission)以及透明度（alpha）组合（即一个Components）而成。（Shading），包括GLSL（OpenGL着色语言，OpenGL Shading Language）顶点着色器和片元着色器（ vertex and fragment shaders），以及渲染状态（render state）。两种MaterialProperty。则定义了Primitive的。原创 2024-05-14 18:49:39 · 1479 阅读 · 0 评论 -
【Cesium】Cesium核心类、坐标系与着色器简介
【Cesium】Cesium核心类、坐标系与着色器简介原创 2024-05-12 12:40:28 · 1657 阅读 · 0 评论 -
【3D基础】坐标转换——地理坐标投影到平面
在JavaScript中将球面坐标系中的经纬度点转换为笛卡尔坐标系中的二维坐标点通常涉及到球面投影的概念。需要注意的是，墨卡托投影在纬度接近极端（北极或南极）时会产生失真，因此在某些应用场景下可能需要选择其他投影方式。：高斯-克吕格投影广泛应用于各种地图制图和测量应用中，特别是在德国和其他欧洲国家，以及一些其他地区。根据你的具体需求和项目情况，选择合适的投影方式和相应的 JavaScript 库来实现地图投影转换。属性的对象，分别表示转换后的笛卡尔坐标系中的 x 和 y 坐标。表示经度，函数返回一个包含。原创 2024-05-06 20:35:47 · 1713 阅读 · 1 评论 -
Cesium学习——渲染、加载GeoJSON、调整位置
上述几乎可以说是最简化的WebGL渲染流程，包含的基本要素有VBO，顶点缓冲对象 --------> 存顶点数据VAO，顶点数组对象（WebGL 2支持）--------> 存顶点属性Shader，着色器（包括顶点和片段着色器） --------> 运算和渲染Shader Program，着色器程序 --------> 连接着色器Texture，纹理（通常是一张图片）Framebuffer，帧缓冲对象（FBO）Renderbuffer，渲染缓冲对象（RBO）原创 2024-04-29 20:32:47 · 2883 阅读 · 0 评论 -
Three.js和Cesium.js中坐标
透视除法将裁剪空间中的坐标转换为规范化设备坐标（Normalized Device Coordinates，NDC），其x、y和z坐标范围在。threejs渲染输出的结果就是一个Cavnas画布，canvas画布也是HTML的元素之一，这意味着three.js渲染结果的布局和普通web前端习惯是一样的。变换的顺序通常是从对象空间开始，经过模型变换，然后是世界变换，接着是视图变换，透视变换，规范化，最后是视口变换。在裁剪空间中，可以进行裁剪操作，例如剔除不在视锥体内部的顶点，这样可以提高渲染效率。原创 2024-04-28 22:06:55 · 1716 阅读 · 1 评论 -
后端python构网并生成纹理图片发回给cesium做贴地处理
将生成的纹理图片发送给Cesium进行贴地处理。你可以将纹理图片作为HTTP响应的一部分发送给前端，或者将其保存到文件中并提供文件的URL给前端。你可以将每个三角形的颜色信息转换为纹理图像的像素值，并使用PIL或OpenCV等库来生成纹理图片。：使用点的坐标信息和索引信息，可以使用一些三角网格生成算法来构建网格。你可以使用Delaunay三角剖分或其他网格生成算法来生成三角形网格。在后端Python中，你可以使用一些库来进行网格构建和纹理生成，然后将生成的纹理图片发送给Cesium进行贴地处理。原创 2024-04-27 22:34:41 · 448 阅读 · 1 评论 -
【三维基础】图形学中的几个空间及其变换顺序详解
【三维基础】图形学中的几个空间及其变换顺序详解原创 2024-04-25 20:51:11 · 1022 阅读 · 0 评论 -
三维与图形学学习记录
MVP视图矩阵：现代计算机图形学入门-L4-变换.2 - 知乎渲染管线：WebGL入门前三节（附源码和学习建议）_webgl 入门代码-CSDN博客深度图：原创 2024-04-10 17:13:18 · 384 阅读 · 0 评论 -
WebGL入门前三节（附源码和学习建议）
本篇文章是根据郭老师的webgl入门课程，经整理得到，以供自个后续回顾和感兴趣的小伙伴一起学习原创 2023-07-26 09:52:35 · 922 阅读 · 0 评论