![](https://img-blog.csdnimg.cn/direct/28a771c309da4469a7d90c266992681b.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
WebGIS
文章平均质量分 68
二三维WebGIS基础与WebGIS项目
GISer_Jinger
南师大GIS
在读研二学生
励志成为大中厂外企的一名会后端会GIS的前端工程师
展开
-
Cesium.js-Three.js-Vue出现的奇怪事情的解决方案
vue中使用cesium方法总结_vue-cesium_普通网友的博客-CSDN博客。原创 2023-07-31 21:41:51 · 113 阅读 · 0 评论 -
WebGIS入门
1.关于WebGISWebGIS(网络地理信息系统)是指工作在Web网上的GIS,是传统的GIS在网络上的延伸和发展,具有传统GIS的特点,可以实现空间数据的检索、查询、制图输出、编辑等GIS基本功能,同时也是Internet 上地理信息发布、共享和交流协作的基础。互联网深刻地改变了我们的工作和生活,也改变了地理信息系统,两者的融合产生了WebGIS。随着互联网和移动互联网的迅速普及,WebGIS也迅速发展,以其广泛的应用价值和独特的魅力,成为现代生活的日常工具和现代社会的技术支柱。近些年来, We原创 2022-01-02 14:55:06 · 13913 阅读 · 0 评论 -
WebGIS入门—进阶
在WebGIS入门篇,前端使用了纯HTML、CSS、Javascript、Jquery较为传统方式构建,服务器借助ArcGIS Srver发布相关地理服务且涉及到GIS,自行构建后端且涉及到数据库。So,WebGIS进阶来了!!!!本文大概是关于Vue2+Cesium+Openlayers+Java+MySQL+Tomcat。原创 2023-11-05 17:53:51 · 724 阅读 · 2 评论 -
Cesium粒子系统及其纹理图片加载问题
的属性来自定义粒子的外观和行为。上述代码示例中,我们设置了粒子的图片、大小、颜色、生命周期、速度、发射率等。后来仔细分析,是不是异步原因,模型还没加载完成,纹理图片就直接加载上了。下面是如何在 Cesium 中使用。如果你需要移除粒子系统,可以使用。确保你的粒子图片路径是正确的。在 CesiumJS 中,是一个用于在三维场景中。原创 2024-07-17 10:18:45 · 300 阅读 · 0 评论 -
【视频GIS】实景模型与视频融合(二)
视频GIS,视频与实景模型融合,无人机实时视频与实景模型融合原创 2024-07-14 21:35:34 · 1184 阅读 · 0 评论 -
【WebGIS期末作业】
WebGIS作业课程设计原创 2024-07-13 20:54:09 · 692 阅读 · 0 评论 -
Cesium中移动Entity/Primitive位置
在Cesium中,将一个对象(如Entity等)移动到特定位置通常不是通过一个单独的“移动至特定位置”的函数来实现的,而是通过修改对象的position属性(对于Entity)或属性(对于更复杂的变换,包括旋转和平移)来完成的。Entityposition,该对象表示了地球上的经纬度位置(在WGS 84坐标系中)或笛卡尔坐标(如果使用的是笛卡尔坐标系)。但是,对于经纬度位置,你通常会使用函数来将经纬度转换为笛卡尔坐标,然后设置给position属性。原创 2024-07-13 20:41:16 · 356 阅读 · 0 评论 -
Cesium中创建局部坐标系
Cesium中创建局部坐标系原创 2024-07-13 20:28:23 · 270 阅读 · 0 评论 -
【WebGIS附源码】从设计层面设计系统
概念模型的E-R图到逻辑模型的映射规则:(1)实体转换:将E-R图中的每个实体转换为一个关系表(或称为关系模式)、实体的属性成为关系表的列(字段)、实体的主键成为关系表的主键。(2)关系的转换:一对一关系通常不需要创建一个新的关系表来表示这种关系,而是可以在其中一个实体的关系表中添加另一个实体的主键作为外键、一对多关系:在"多"的一方的关系表中添加“一"的一方的主键作为外键、多对多关系:必须创建一个新的关系表来表示这种关系,该表至少包含两个外键,分别指向两个相关实体的主键,并可以包含描述关系的属性。原创 2024-07-12 23:27:15 · 1508 阅读 · 0 评论 -
【WebGIS平台】传统聚落建筑科普数字化建模平台
基于上述概括出建筑单体的特征部件,本文利用互联网、三维建模和地理信息等技术设计了基于浏览器/服务器(B/S)的传统聚落建筑科普数字化平台。该平台不仅实现了对传统聚落建筑风貌从基础到复杂的数字化再现,允许用户轻松在线构建从简约到精细的三维建筑模型,更通过其直观的操作界面和丰富的交互功能,极大地提升了用户体验。用户可以在此平台上浏览各类传统聚落建筑的三维模型,无论是欣赏其独特的建筑风格,还是深入了解其构造细节,都能获得身临其境般的感受。同时,平台还支持用户与模型进行互动操作,如旋转、光照渲染、建筑部件炸开等原创 2024-07-09 21:33:36 · 1111 阅读 · 1 评论 -
Cesium自定义着色器构件三角面片【闪烁】问题,但是一移动视角就闪烁
Cesium自定义着色器构件三角面片【闪烁】问题,但是一移动视角就闪烁原创 2024-07-09 21:20:23 · 248 阅读 · 0 评论 -
Cesium中将模型移动到指定位置(提供经纬度)
【代码】Cesium中将模型移动到指定位置(提供经纬度)原创 2024-07-05 10:29:39 · 131 阅读 · 0 评论 -
Cesium常见设置视角所用到函数
Cesium中的四元数(Quaternion)是一种用于表示三维空间中旋转的数学工具,它由四个分量组成,通常表示为(w, x, y, z),其中w是实部,x、y、z是虚部。在Cesium中,四元数主要用于描述物体的旋转和姿态,具有精确、高效和稳定的特点。Cesium中的四元数作为一种用于描述旋转的数学工具,具有广泛的应用价值。通过合理使用四元数,可以精确地描述和控制物体的旋转、姿态和坐标变换,提升三维场景中物体运动的真实感和视觉效果。三、四元数的计算与转换。一、四元数的基本概念。原创 2024-07-03 21:54:28 · 635 阅读 · 0 评论 -
WebGL学习【焕新计划】
在正式进入webgl之前,我想有必要简单了解一下渲染管线,毕竟它贯穿webgl学习的整个过程。原创 2024-06-16 15:12:14 · 1229 阅读 · 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 · 841 阅读 · 0 评论 -
[GeoServer系列]Shapefile数据发布
[GeoServer系列]Shapefile数据发布。原创 2024-06-03 22:57:10 · 347 阅读 · 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 · 1186 阅读 · 0 评论 -
【Cesium基础】从3dtiles 采高度,已知根据经纬度点集
今天,明天一定要贴地。原创 2024-05-16 22:12:08 · 530 阅读 · 0 评论 -
【Cesium基础学习】拾取坐标
关于注意事项,需要根据具体的业务场景和需求进行判断和处理。在实际应用中,通常需要根据拾取到的物体进行相应的业务逻辑处理,例如显示信息窗口、执行特定操作等。在Cesium中,可以通过鼠标拾取来获取场景中的地理坐标和高度信息。通常,拾取地理坐标的方式可以分为两种:屏幕空间拾取和地理空间拾取。),否则在没有没有3dTile模型的情况下,会出现空间坐标不准的问题。,并且是最顶部的对象。如果拾取点没有对象,则会返回undefined。在有地形的情况下误差较大,在使用时需要关闭深度测试。原创 2024-05-16 20:38:45 · 1586 阅读 · 0 评论 -
【Cesium解读】Cesium中primitive/entity贴地
Cesium中primitive/entity贴地原创 2024-05-14 21:42:50 · 2295 阅读 · 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 · 610 阅读 · 0 评论 -
【Cesium】Cesium核心类、坐标系与着色器简介
【Cesium】Cesium核心类、坐标系与着色器简介原创 2024-05-12 12:40:28 · 1193 阅读 · 0 评论 -
【3D基础】坐标转换——地理坐标投影到平面
在JavaScript中将球面坐标系中的经纬度点转换为笛卡尔坐标系中的二维坐标点通常涉及到球面投影的概念。需要注意的是,墨卡托投影在纬度接近极端(北极或南极)时会产生失真,因此在某些应用场景下可能需要选择其他投影方式。:高斯-克吕格投影广泛应用于各种地图制图和测量应用中,特别是在德国和其他欧洲国家,以及一些其他地区。根据你的具体需求和项目情况,选择合适的投影方式和相应的 JavaScript 库来实现地图投影转换。属性的对象,分别表示转换后的笛卡尔坐标系中的 x 和 y 坐标。表示经度,函数返回一个包含。原创 2024-05-06 20:35:47 · 1268 阅读 · 1 评论 -
Cesium学习——渲染、加载GeoJSON、调整位置
上述几乎可以说是最简化的WebGL渲染流程,包含的基本要素有VBO,顶点缓冲对象 --------> 存顶点数据VAO,顶点数组对象(WebGL 2支持)--------> 存顶点属性Shader,着色器(包括顶点和片段着色器) --------> 运算和渲染Shader Program,着色器程序 --------> 连接着色器Texture,纹理(通常是一张图片)Framebuffer,帧缓冲对象(FBO)Renderbuffer,渲染缓冲对象(RBO)原创 2024-04-29 20:32:47 · 1724 阅读 · 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 · 1298 阅读 · 1 评论 -
后端python构网并生成纹理图片发回给cesium做贴地处理
将生成的纹理图片发送给Cesium进行贴地处理。你可以将纹理图片作为HTTP响应的一部分发送给前端,或者将其保存到文件中并提供文件的URL给前端。你可以将每个三角形的颜色信息转换为纹理图像的像素值,并使用PIL或OpenCV等库来生成纹理图片。:使用点的坐标信息和索引信息,可以使用一些三角网格生成算法来构建网格。你可以使用Delaunay三角剖分或其他网格生成算法来生成三角形网格。在后端Python中,你可以使用一些库来进行网格构建和纹理生成,然后将生成的纹理图片发送给Cesium进行贴地处理。原创 2024-04-27 22:34:41 · 352 阅读 · 1 评论 -
Cesium_贴地图形
原创 2024-04-27 22:33:42 · 144 阅读 · 0 评论 -
【三维基础】图形学中的几个空间及其变换顺序详解
【三维基础】图形学中的几个空间及其变换顺序详解原创 2024-04-25 20:51:11 · 560 阅读 · 0 评论 -
三维与图形学学习记录
MVP视图矩阵:现代计算机图形学入门-L4-变换.2 - 知乎渲染管线:WebGL入门前三节(附源码和学习建议)_webgl 入门代码-CSDN博客深度图:原创 2024-04-10 17:13:18 · 195 阅读 · 0 评论 -
Vue +Cesium+3D tiles数据
小型数据放public/static目录下。原创 2023-11-01 19:15:18 · 150 阅读 · 0 评论 -
MVP变换+层次模型+键盘事件来个交互的小机器人
MVP变换+层次模型+键盘事件来个交互的小机器人(注:本代码完全照抄“冰哥”的中级教程,理论部分来自闫令琪)原创 2023-07-28 22:06:29 · 98 阅读 · 0 评论 -
利用WebGL绘制一个简单的时钟
利用webgl绘制一个简单的时钟原创 2023-07-28 20:54:08 · 181 阅读 · 0 评论 -
WebGL入门——多层纹理(附源码)
本文通过学习”冰哥的webgl中级课程”个人总结得到的原创 2023-07-28 20:37:23 · 287 阅读 · 0 评论 -
WebGL入门前三节(附源码和学习建议)
本篇文章是根据郭老师的webgl入门课程,经整理得到,以供自个后续回顾和感兴趣的小伙伴一起学习原创 2023-07-26 09:52:35 · 575 阅读 · 0 评论 -
现代计算机图形学学习思维导图(更新至12节Geometry)
本文为学习B站课程——GAMES101-现代计算机图形学入门-闫令琪的思维导图笔记原创 2023-06-18 09:58:21 · 227 阅读 · 0 评论