Cesium
基于vue和vite的cesium、cesiumNavigation使用--（1）项目构建及引入
系统信息 windows10 LTSC 21H2 vscode：1.77.1 nodejs：18.15.0 npm：9.5.0 版本信息 vue：3.2.47 vite：4.1.4 cesium：1.104.0 vue-router：4.1.6 默认在以上的js相关版本下构建环境，并包括创建vu ......
Cesium 案例（十一） Terrain Exaggeration
1 Cesium.Ion.defaultAccessToken = 2 "token"; 3 4 const viewer = new Cesium.Viewer("cesiumContainer", { 5 terrainProvider: Cesium.createWorldTerrain(), ......
Cesium 案例（九）示例中小程序集合（1）
因为这几天在忙一些客观上无法逃脱的事，没有大块时间对中大型案例进行学习，所以对官方案例中的代码不超过40行的程序进行了学习。我把他们放在一到两个随笔中。 注：【所有案例中最前面务必加上】 1 Cesium.Ion.defaultAccessToken =your Token; 集合一 1.3D Ti ......
Cesium 案例（十）示例中小程序集合（2）
11.OSM 1 const viewer = new Cesium.Viewer("cesiumContainer", { 2 terrain: Cesium.Terrain.fromWorldTerrain(), 3 //terrainProvider:Cesium.createWorldTer ......
cesium：Transforms
Transforms类提供了一些用于坐标变换的方法，可以帮助我们在不同的参考系之间转换点或向量。 cesium中最常用的transforms类有以下几个： Transforms.eastNorthUpToFixedFrame(origin, ellipsoid, result) 这个方法接受一个原点 ......
Cesium案例（八） Terrain
第一步正常建viewer，需要注意的是官网例子属性值比较老，最新版本的属性值有所差异，全copy官网会无法运行，提示函数未定义。 第一处差异 官网： 1 const viewer = new Cesium.Viewer("cesiumContainer", { 2 terrain: Cesium.T ......
cesium加载大批量点
如果想在Cesium中显示一个点，目前有这么几种方法：Primitive、Entity、czml文件、GeoJson文件等。 下面是显示64,800 个点的 PointPrimitiveobjects 的代码示例，并且让所有点同时都运动起来 var viewer = new Cesium.Viewe ......
看下Cesium如何做大数据加载的
转载原文：https://www.cnblogs.com/fuckgiser/p/6565957.html glTF的整体设计，概括有四点： 第一，数据块(Buffer)连续，保证了读写性能； 第二，提供了视图（View）和访问器（Accessor）的概念，在不损失数据块完整性的前提下提供类型信息和 ......
Cesium中加载大规模数据稳定流畅之性能优化思路
1. 使用数据流技术：Cesium支持使用数据流技术，即按需加载和卸载数据，以最小化数据传输量和加载时间。 实现原理大致如下： Cesium 会根据相机位置和高度动态调整 3D Tiles 的细节级别，并将需要渲染的 Tiles 加入渲染队列。 当队列中的 Tiles 的内存使用量超过 maximu ......
Cesium 案例 （七） Time Dynamic Wheels
知识点和api都以注释的形式标注在了代码中，学习Cesium官方案例可以作为辅助理解代码，进行自我学习和案例复现。 主要学习网站：cesium官网案例源码 cesium中文网api文档 Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5 ......
Cesium案例（六） Time Dynamic Wheels
Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer", { shouldAnimate: true, }); const start=Cesium.JulianDate. ......
Cesium案例(五) Underground Color
Cesium.Ion.defaultAccessToken = token const viewer = new Cesium.Viewer("cesiumContainer"); const scene = viewer.scene; const globe = scene.globe; //获取 ......
Cesium之DrawCommand与绘制三角形
1. 引言 Cesium中的Command对象包含执行的指令参数和执行方法，Command对象主要有三类： ClearCommand DrawCommand ComputeCommand DrawCommand是最常用的指令，它是绘制的主角 DrawCommand封装如下，几乎包含了绘制所需要的全部 ......
Cesium学习说明 路线 资源
资源： Cesium官网：https://cesium.com/ Cesium github源码：https://github.com/CesiumGS/cesium Cesium官方API文档：https://cesium.com/learn/cesiumjs/ref-doc/ Cesium教程: ......
Cesium 案例（四） Video
Sandcastle-header.js存储在Cesium中Apps/Sandcastle/Sandcastle-header.js的位置，该js文件时用于创建下拉框和带选中框的按钮，引入该文件后，就会有一个Sandcastle全局对象，包含着很多方法。 // videoElement = docu ......
Cesium 案例（三） Web Map Service(WMS) Washington DC 2017
Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer"); // Add a WMS imagery layer const layer = new Cesium.Imag ......
Cesium 案例（二）Web MapTile Service with Time
使用官方github包，部分解释来源于http://cesium.xin/cesium/cn/Documentation1.95/index.html Cesium.Ion.defaultAccessToken =token; constviewer = newCesium.Viewer("cesi ......
Cesium实例化绘制（Instanced Drawing）
上篇《WebGL-实例化绘制》我们学习了实例化webgl底层实现原理，基于webgl1.0标准的扩展。这篇博客我们来了解下cesium引擎是如何支持实例化功能的。该篇公众号主要参考了博客：《Cesium原理篇：6 Render模块(6: Instance实例化)》。 假如有这样的需求：有四个不同颜色 ......
cesium添加过道corridor
官方示例：Cesium Sandcastlehttps://sandcastle.cesium.com/?src=Corridor.html&label=Geometries <template> <div style="height: 100vh"> <div id="cesiumContaine ......
Cesium：entity闪烁（点、面以及billboard）
entity的闪烁主要是通过回调函数CallbackProperty，控制样式改变或是否显示 1. 点的闪烁 function f2(){ var x=1; var flog=true; viewer.entities.add({ name:"圆点point闪烁", position:Cesium. ......
C++17&Cesium3DTilesConverter
参考：https://www.jianshu.com/p/e5aab3e1fcab 这篇博客的作者使用了C++17来编写格式转换器。。额，C++11还没搞清楚是咋回事呢，C++17就来了。。 总之呢，这位大神用C++17改写了C++和Rust编写的3dtiles转换器，生成了纯C++版本的，界面用到 ......
cesium pick和射线的使用
问题：ClampToHeightMostDetailed一直停顿无返回值。。卡住了？难道是异步等待？异步线程一直等待的原因是？数据有问题？[但是手动点击却又是能获取到高程的。如果是数据的问题，手动点击也不能获取到高程吧？] 有没有其它获取3dtiles高程的方法？如pick和ray 参考1：http ......
Cesium官方教程——Fabric
1、简介 Fabric 是Cesium中定义的描述材质Material的JSON 结构体。Material代表了一个物体的外观。 材质Material可以是比较简单的，比如直接将一张图片赋予表面，或者使用条纹状、棋盘状的图案；也可以使用Fabric和GLSL，重新创建一个新的材质或者组合现有的材质。 ......
Cesium渲染模块之VAO
1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库，使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，基于Apache2.0许可的开源程序，可以免费用于商业和非商业用途 Cesium官网：Cesium: The Platform for 3D Geospatial ......
Cesium渲染模块之Shader
1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库，使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，基于Apache2.0许可的开源程序，可以免费用于商业和非商业用途 Cesium官网：Cesium: The Platform for 3D Geospatial ......
Cesium渲染模块之Command
1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库，使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，基于Apache2.0许可的开源程序，可以免费用于商业和非商业用途 Cesium官网：Cesium: The Platform for 3D Geospatial ......
Cesium for Unreal加载倾斜摄影
本文介绍UE4中通过Cesium插架加载本地倾斜摄影模型。Cesium for Unreal插件运行在UE环境何总运行Cesium，这样方便做一个GIS应用。 安装Cesium for Unreal插件 在UE 虚幻商城中，搜索 “Cesium for Unreal”， 然后下载插件，下载完成后，可 ......
Cesium-03：洪水淹没
Cesium-01：Vue 中基础使用 Cesium-02：飞机模型简单点对点飞行 Cesium-03：洪水淹没 前言 最开始想做洪水淹没的话，查了一些资料。又基于不同的实现的，如 ArcScene 实现，有基于 Cesium 实现。 对比分析了下，ArcGIS 下的实现主要是软件中，如果想自己代码 ......