Cesium态势标绘专题-燕尾箭头（标绘+编辑）
标绘专题介绍：态势标绘专题介绍_总要学点什么的博客-CSDN博客 入口文件：Cesium态势标绘专题-入口_总要学点什么的博客-CSDN博客 辅助文件：Cesium态势标绘专题-辅助文件_总要学点什么的博客-CSDN博客 本专题没有废话，只有代码，代码中涉及到的引入文件方法，从上面三个链接中取，撸！ 运行效果 燕尾箭头标绘CreateSwallowtailArrow.ts /* * 创建燕尾箭头 * @Aut...
【WebGIS实例】（10）Cesium开场效果（场景、相机旋转，自定义图片底图）
效果 漫游效果视频： 【WebGIS实例】（10）Cesium开场效果（场景、相机 点击鼠标后将停止旋转并正常加载影像底图： 代码 可以直接看代码，注释写得应该比较清楚了： /* * @Date: 2023-07-28 16:21:53 * @LastEditors: ReBeX 420659880@qq.com * @LastEditTime: 2023-07-28 18:18:34 * @FilePat...
Cesium态势标绘专题-矩形（标绘+编辑）
标绘专题介绍：态势标绘专题介绍_总要学点什么的博客-CSDN博客 入口文件：Cesium态势标绘专题-入口_总要学点什么的博客-CSDN博客 辅助文件：Cesium态势标绘专题-辅助文件_总要学点什么的博客-CSDN博客 本专题没有废话，只有代码，代码中涉及到的引入文件方法，从上面三个链接中取，撸！ 运行效果 矩形标绘CreateRectangle.ts /* * 矩形标绘功能 * @Author: Wang...
【CesiumJS入门】（5）GooJSON的加载、更新、监听与销毁——GeoJsonDataSource应用
前言 本篇，我们将较完整得介绍Cesium中GeoJSON/TopoJSON相关的方法。 CesiumJS提供了一个名为DataSource的类，它主要是用来加载和展示矢量数据，包括但不限于 GeoJSON、KML、TopoJSON、CZML等格式的数据。而今天，我们将介绍DataSource的一个子类GeoJsonDataSource。让我们直入主题，写一个包括了GeoJSON数据的加载、更新、销毁、监听...
Cesium 实战 - 自定义视频标签展示视频
Cesium 实战 - 自定义视频标签展示视频 视频材质核心代码气泡框视频核心代码在线示例 在封装 Cesium 工具的时候，偶然发现 Cesium 支持视频材质功能，虽然目前项目中还没有用到，但是提前做了功能封装，以后使用的时候会方便一些。 Cesium 实现视频材质的方式也比较简单，创建视频元素（video），材质使用即可。 而气泡框展示视频也比较容易，直接展示视频元素（video）即可。 本文包括视频...
GIS融合之路（三）CesiumJS和ThreeJS相机同步
同样在这篇文章开始前重申一下，山海鲸并没有使用ThreeJS引擎。但由于ThreeJS引擎使用广泛，下文中直接用ThreeJS同CesiumJS的整合方案代替山海鲸中3D引擎和CesiumJS整合。系列传送门：山海鲸可视化：GIS融合之路（一）技术选型CesiumJS/loaders.gl/iTowns?山海鲸可视化：GIS融合之路（二）CesiumJS和ThreeJS深度缓冲区整合按照惯例，文章开始...
Cesium 实战 - 气泡框跟随飞行
Cesium 实战 - 气泡框跟随飞行 Cesium 气泡框跟随气泡框在线示例 气泡框在地图中非常常用，尤其是二维地图中；而在三维地图中经常会用广告牌、标牌等作为气泡框使用。 广告牌（billboard）虽然方便，但是不支持富文本，样式比较一般，因此很多情况还是需要气泡框来实现。 普通的气泡框比较容易，互联网搜索很容易搜到完整代码，这里放上作者参考的博客地址。 后来，在实际应用中，想要展示移动中模型的信息，...
【CesiumJS入门】（3）ImageryLayer之图层卷帘
前言 上一篇博客简单得介绍了影像图层并成功在视图上加载出来了，而今天我们来实现一个简单的可视化效果，影像图层卷帘。 前置知识：Cesium 事件详解（鼠标事件、相机事件、键盘事件、场景触发事件）_cesium点击事件_GISer小辉的博客-CSDN博客 代码 实现步骤： 创建卷帘分割线的div元素加载2个影像图层并分别设置切割的方向（Cesium.SplitDirection）为分割线div绑定鼠标事件在鼠...
069：cesium围绕一个固定点自动左右旋转
第069个 本示例的目的是介绍如何在vue+cesium中设置一个固定点为中心点，通过lookAtTransform来固化点，通过监听clock，来设置自动旋转。 直接复制下面的 vue+cesium源代码，操作2分钟即可运行实现效果. 文章目录 示例效果 配置方式 示例源代码（共79行） 相关API参考： 专栏目标 示例效果 配置方式 1...
067：cesium flyto一个具体的实体位置
第067个 本示例的目的是介绍如何在vue+cesium中设置飞行定位功能，飞行到一个实体的区域。viewer.flyTo 函数接受实体、EntityCollection、DataSource、Cesium3DTilset 等。 直接复制下面的 vue+cesium源代码，操作2分钟即可运行实现效果. 文章目录 示例效果 配置方式 示例源代码（共79行） 相关API参考： 专栏目标 示例效果 ...