1.6k 字 1 分钟

# 最终效果 话不多说，先上效果 # 相关知识点 主要用到 CZML 相关知识 CZML 是一种用来描述动态场景的 JSON 架构的语言，主要用于 Cesium 在浏览器中的展示。它可以用来描述点、线、布告板、模型以及其他的图元，同时定义他们是怎样随时间变化的。 详情可看：CZML 介绍 我这里就不过多赘述了。 # 主要代码 var czml = [ { id: "document", name: "CZML Path", version: "1.0", clock: { interval:...
2.4k 字 2 分钟

# 前言 坐标转换相关文章可看：Cesium - 坐标系统详解 # 相关 API Cartesian3 相关 API 如下： API 说明 Cesium.Cartesian3.abs(cartesian, result) 计算绝对值 Cesium.Cartesian3.add(left, right, result) 计算两个笛卡尔的分量和 Cesium.Cartesian3.angleBetween(left, right) 计算角度 (弧度制) Cesium.Cartesian3.cross(left, right,...
2k 字 2 分钟

# 最终效果 # 主要思路 添加数据模型 监听键盘按键 计算坐标 移动小车 # 相关代码 var scene = viewer.scene;// 旋转角度let radian = Cesium.Math.toRadians(3.0);// 移动速度let speed = 60;// 速度矢量let speedVector = new Cesium.Cartesian3();// 起始位置let position = Cesium.Cartesian3.fromDegrees(102.23292685840103, 27.825718192817853, 2500.0);//...
927 字 1 分钟

# 安装参数详解 命令 解释 npm install module 安装某个 module 到本地项目的 node_modules，但不会把安装包的信息添加到 package.json 文件 npm install module --save 安装某个 module 到本地项目的 node_modules 文件夹，同时把相关模块依赖添加到 package.json 文件的 dependencies 中 npm install module --save-dev 安装某个 module 到本地项目的 node_modules 文件夹，同时把相关模块依赖添加到 package.json...
1.4k 字 1 分钟

# 结果展示 # 相关代码 //-------------------------- 加载 GeoJson 数据 ------------------------------var fireLayer = null;var borderLayer = null;var roadLayer = null;viewer.dataSources.add(Cesium.GeoJsonDataSource.load('Assets/muli/muli_geojson/fire.geojson', { stroke:...
7k 字 6 分钟

# 官方教程地址 https://cesium.com/docs/ # 粒子系统介绍 这篇教程带你学习 Cesium 的粒子相关 API，比如如何在你的项目里添加烟，火，火花等特效。 # 什么是粒子系统 粒子系统是一种图形学技术，用来模拟复杂的物理效果。粒子系统是由一堆很小的图片组成，看起来就像一些复杂的 “含糊不清（fuzzy）”...
958 字 1 分钟

# 修改项目发布路径 tomcat 默认的而发布路径为 tomcat/webapps/ 目录，但是这个目录下有一些默认的项目，在 tomcat 启动的时候会跟着一起加载。如果不想删除这些项目，可以把 tomcat 发布的路径修改到其他地方。 找到 tomcat/conf/server.xml 文件，修改里面这一行的 appBase 为其他路径即可。 <Host name="localhost" appBase="/root/webfile/webapps" unpackWARs="true"...
1.1k 字 1 分钟

# 前言 原理很简单，通过 Cesium 提供的 viewer.camera.zoomIn() 和 viewer.camera.zoomOut API 即可。 # 解决办法 代码如下： // 定义当前场景的画布元素的事件处理var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);// 设置鼠标滚动事件的处理函数，这里负责对相机高度进行控制handler.setInputAction(function (e) { // 获取当前镜头位置的笛卡尔坐标 let cameraPos =...