三维cesium和webgl工作汇总

置顶哈哈地图

已于 2025-01-13 18:29:41 修改

阅读量1k

点赞数 1

分类专栏： Cesium 文章标签： 3d webgl gis

于 2023-03-11 18:47:41 首次发布

本文链接：https://blog.youkuaiyun.com/wzwxwc1987/article/details/129467086

版权

Cesium 专栏收录该内容

17 篇文章

订阅专栏

4年GIS本科学习、13年GIS从业经历，5年三维开发经验。

精通webgl和shader编写，熟悉计算机图形学。

最近5年一直使用cesium和webgl做三维类库封装和项目开发。

三维接触的领域有：数字孪生、可视化大屏等。

这篇文章是对相关工作的总结。

下面的链接，点击可以看到具体详情。

一、Cesium酷炫效果

Cesium特效-2021年汇总

Cesium特效-2022年汇总

Cesium特效-2023年汇总

三维城市场景项目（挂在哔哩网站上的视频）

二、Cesium工具类

三、Cesium其他相关文章

Cesium.CustomShader颜色值显示错误

Cesium文字实现避让功能

Cesium.Entity图片纹理在不同观察角度有不同亮度

Cesium图标漂移分析与解决

Cesium viewer.zoomTo不起作用

Cesium初始化一个纯色空球

Cesium避免endPoint请求

Cesium 点只显示一半

Cesium和openlayers获取鼠标单击点的颜色

Cesium材质——Material

四、webgl其他相关文章

Blinn-Phong优化phong模型的数学依据

gl.getUniformLocation无法拿到值

《webgl编程指南》线性雾shader的数学推导

webgl为啥让ARRAY_BUFFER中间商赚差价

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

哈哈地图

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

OpenLayers扩展插件系列之ol-cesium，ol-cesium库介绍和使用，OpenLayers地图中如何集成ol-cesium插件，html网页和vue中如何集成ol-cesium到地图中

GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程

03-20

1276

ol-cesium是一个将OpenLayers与Cesium（一个基于 WebGL 的虚拟地球引擎）集成的库，可以在 OpenLayers 中使用 Cesium 提供的 3D 地图功能。ol-cesium允许开发者在 OpenLayers 的 2D 地图之上添加 Cesium 提供的强大的三维地球可视化功能，从而实现 2D 和 3D 地图的混合展示。3D 地球展示：将 Cesium 的全球三维地球嵌入到 OpenLayers 的地图中，实现在同一个地图应用中切换 2D 和 3D 地图视图。

vue2 集成 - 超图 - SuperMap iClient3D for WebGL 及常用方法

King Saj

11-06

1492

vue2 集成 SuperMap3D 方案，对 SuperMap3D 常用方法进行汇总。

参与评论您还未登录，请先登录后发表或查看评论

超图三维地图开发webgl和cesium

08-31

超图三维地图开发webgl和cesium，最近项目用到三维地图前端显示，解压到tomcat即可用，适合初学者，包含了超图、cesium需要引入的js

WebGL，Cesium以及GeoJSON数据的简单介绍

水w的博客

03-08

2646

WebGL，Cesium以及GeoJSON数据的简单介绍

webGL扫盲：Cesium.js,心心念念的地图框架库来了！

weixin_41978174的博客

07-25

1692

它的广泛应用领域包括GIS、地球科学、航空航天、军事模拟和训练等，为这些领域的研究、应用和教育提供了强大的工具和平台。它的高性能、丰富的功能和可扩展性，使得开发者能够快速实现复杂的地理应用，并为用户提供出色的交互和可视化体验。您可以根据自己的需求和具体的应用场景，使用Cesium.js提供的API进行更多的定制和扩展。其中，'longitude'、'latitude'和'height'是标记的经度、纬度和高度，'path/to/image.png'是标记的图片路径。Cesium.js是一个开源的。

前端GIS三维开发必备——WebGL&Three&Cesium知识框架

最新发布

警警的博客

01-16

2233

WebGL 定义与用途基于 OpenGL ES 2.0 的 JavaScript API用于在浏览器中绘制高性能的 2D 和 3D 图形WebGL 的发展历史与版本概述浏览器支持与兼容性检查WebGL 是一个功能强大的图形渲染工具，从基础的顶点绘制到复杂的物理渲染，每一步都需要理论与实践相结合。建议从简单的几何绘制入手，逐步理解渲染管线、纹理处理、着色器编程等核心内容，同时结合工具与库提高开发效率。定义与用途。

SuperMap iClient3D for WebGL 多源数据加载篇—常用汇总

CX_Chan的博客

06-13

1791

最近小编整理了SuperMap iClient3D for WebGL常见的多源数据加载方式和示例代码，供大家参考。本文章适用于稍微有基础的同学。

Vue+OpenLayers6扩展插件进阶系列汇总目录：常用OpenLayers地图扩展组件ol-ext、ol-cesium、ol-layerswitcher、ol-geocoder和ol-wind

GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程

03-19

1590

OpenLayers 是一个开源的 JavaScript 库，用于在 Web 上创建交互式地图。它本身提供了丰富的功能和组件，但也有一些扩展库可以为其增加更多功能或简化特定任务的实现。以下是一些常见的 OpenLayers 扩展库：ol-ext、ol-cesium、ol-layerswitcher、ol-popup、ol-geocoder和ol-wind等常见扩展库。

获取Cesium 1.99最新源码下载链接

资源摘要信息:"cesium 1.99 源码下载" 知识点: 1. Cesium的定义与介绍: ...开发者下载Cesium源码后，可以开始学习和探索如何在三维地图开发中应用它，并且可以考虑向Cesium社区贡献自己的力量，推动这个项目的发展。

WebGL可视化引擎Cesium.js.zip

07-17

Cesium 是通过 Web 浏览器创建 3D 地球和 2D 地图的 JavaScript 库，无需任何插件。Cesium 使用 WebGL 来进行硬件加速图形化；跨平台；跨浏览器；并且针对动态数据进行可视化。Cesium 基于 Apache 开源协议，支持商业和非商业免费使用。Cesium 主要特性：动态地理空间可视化非常高的性能和精准度一个 API，三种视图：3D，2D 和 2.5D 标签：Cesium

Three.j 介绍（一）

weixin_42138543的博客

09-04

844

three.js 是什么? 1、three.js是 JavaScript 编写的WebGL第三方库。也就是一个 JS 脚本文件。 2、WebGL（Web Graphics Library）是一种3D绘图协议。这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能...

基于WebGL、Cesium技术的三维空间可视化

MMKJSH的博客

10-19

2008

基于WebGL、Cesium技术的三维空间可视化

Cesium中的相机—WebGL基础

遨游在太空

09-24

7102

Cesium是基于Html5 WebGL技术在浏览器中显示三维物体，本文阐述一下WebGL显示三维物体的基本概念。 WebGL 三维场景渲染原理 WebGL是基于GLSL ES（着色器语言）的，并以字符串的形式在JavaScript中编写的。WebGL中有两种着色器：顶点着色器（Vertex shader）：顶点着色器用来描述顶点特性（如位置、颜色）的程序。**Vertex（顶点）**是指二维...

从 cesium primitive 、three BufferGeometry 到webgl入门解读

q1025387665a的博客

04-08

1433

前言：本文最适用于已经使用过primitive API 但是不懂其道理即原理的人或是未使用过primitive API 且已经使用过一些cesium 的API 的人。本文不包含代码部分，仅是理论知识。当然，我会尽可能用最通俗的语言，最形象的形容去为你解释。与entity区别最大的区别就是在于entity 比primitive 多了计算。我们往下看。前置内容介绍进入正题之前，首先明白js的3D框架是如何把一个物体表示到三维的场景中。在接触cesium 或者是three.js 这些赫赫有名的3D框

Cesium 1.102新老版本webgl区别

God's asylum的博客

08-10

1074

Cesium 1.102以上的版本主要支持WebGL 2，这意味着着色器语言（GLSL）的版本也有所变化。在WebGL 2环境下，GLSL ES 3.00版本被广泛采用，而WebGL 1则通常使用GLSL ES 1.00版本。这种版本的改变影响了着色器的编写方式和可用的API。

毕设（一）：基于WebGL（Cesium+MongoDB+NodeJS）下的三维城市室内外场景可视化+属性管理

哎呦喂iuv的博客

08-26

2522

前期准备：安装配置Cesium、NodeJS、MongoDB数据库；使用NodeJS中的npm安装express（快捷搭建服务器）和mongoose（快捷操作MongoDB）模块。具体教程网上太多了，总之小白才开始肯定是会踩坑的，特别是npm安装各种模块的时候，经常出错，掌握了套路就好。我在本文结尾附上一些我参考的文章，或许对各位才开始的小伙伴有用。现在我们已经将开发的所有准备做好了，这时第一步就是创建一个express项目文件。在控制台进入想要创建文件夹的根目录（或在根目录下按住“Shift”按钮点击

cesium，超图webgl相关资料

xxtz0522的博客

05-08

1120

一、cesium cesium环境配置与启动运行 https://blog.youkuaiyun.com/UmGsoil/article/details/74280229 https://blog.youkuaiyun.com/hzh839900/article/details/78063084 点选查询实体，显示信息框 https://blog.youkuaiyun.com/hzh839900/article/de...

Cesium版本升级webgl问题，glsl代码报错，修改办法

Zk的博客

08-03

4914

Cesium升级，webgl版本问题修改意见。