锦通 发表于 2024-9-1 06:05:32

WebGIS口试题(第八期)

WebGIS口试题(第八期)

由于这些标题都是之前口试通过记忆口试竣过后记录、部分通过录音。目前我还在整理,当然有一部分也是我在做项目中出现的题目,今天就先整理一点(偷懒),由于有些答案还必要实地操作才气得出。当然依旧是答案仅供参考。
1、cesium内里polyline线段有几种表现?

在Cesium中,Polyline(线段)可以有以下几种表现类型:

[*] 空间直线 (Space Line / No Arc): 这种类型的线段表现为两点之间的直接连线,无视地球曲率,适用于小范围或在平面上模拟直线结果。在Cesium中,可以通过设置 Cesium.ArcType.NONE 实现。
[*] 球面线段 (Geodesic Line / Great Circle Arc): 思量地球曲率,这种线段在球面上表现为大圆弧,是两点间地球上现实最短路径。使用 Cesium.ArcType.GEODESIC 可以得到这种表现形式。
[*] 恒向线 (Rhumb Line / Loxodrome): 恒向线是一种在飞行中保持固定方位角的航线,它在地图上表现为与纬线成一定角度的曲线。在Cesium中,通过指定 Cesium.ArcType.RHUMB 可以创建恒向线。
2、Cesium中3DTiles模子怎样旋转

在Cesium中,对3D Tiles模子进行旋转可以通过修改模子的modelMatrix属性来实现。
起首加载一个3D Tiles模子,然后定义绕X轴旋转的角度,并将其转换为弧度。接着,使用Cesium.Matrix3.fromRotationX创建了一个表示X轴旋转的3x3矩阵,然后通过Cesium.Matrix4.multiplyByMatrix3将此旋转矩阵与模子的当前变换矩阵相乘,得到新的变换矩阵。最后,将这个包含旋转信息的新变换矩阵赋值给tileset.modelMatrix,从而实现了模子的旋转。
详细代码如下:
// 导入Cesium库
const Cesium = require('cesium');

// 假设你已经有了一个Cesium Viewer实例
const viewer = new Cesium.Viewer('cesiumContainer');

// 加载3D Tiles数据
const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
    url: './path/to/your/3d/tiles/tileset.json'
}));

// 定义旋转参数,例如围绕X轴旋转的角度(单位:度)
const RotateX = 45; // 旋转45度为例

// 将角度转换为弧度
const rotationInRadians = Cesium.Math.toRadians(RotateX);

// 创建一个旋转矩阵,这里以X轴旋转为例
const rotationMatrix = Cesium.Matrix3.fromRotationX(rotationInRadians);

// 将旋转矩阵转换为4x4的模型变换矩阵
// 假设tileset的初始modelMatrix为单位矩阵或者你有特定的初始变换
let modelMatrix = Cesium.Matrix4.IDENTITY;

// 应用旋转到现有的modelMatrix
Cesium.Matrix4.multiplyByMatrix3(modelMatrix, rotationMatrix, modelMatrix);

// 将更新后的modelMatrix应用到tileset上
tileset.modelMatrix = modelMatrix;
3、cesium提供了三种方式,可以对camera进行操作,这三种方式,有三个共同的参数,heading,pitch, roll,那么,这三个参数分别是什么呢?

**简单:**这三个参数组合起来可以正确控制camera的方向和视角,常用于设置camera的初始位置、动画过渡(如flyTo操作)或动态调整观察视角。在Cesium的API中,如setView、flyTo、或lookAt方法中,通过orientation对象转达这些参数,通常必要将角度从度转换为弧度使用Cesium.Math.toRadians函数。
详细:
在Cesium中,对camera进行操作时涉及的三个共同参数——heading、pitch、roll,它们是用来描述camera方向的旋转角度,与航空和帆海中常用的欧拉角类似。详细来说:

[*]Heading(偏航角 / Yaw): Heading代表camera绕垂直方向(通常是指向地心的方向,也就是上方向)旋转的角度,影响camera左右看向的能力。在Cesium中,正值表示向右转,负值表示向左转。
[*]Pitch(俯仰角 / Pitch): Pitch代表camera绕横向(程度面的正面到反面)旋转的角度,决定了camera向上或向下看的程度。正值使camera抬头向上看,负值使camera低头向下看。当pitch到达90度时,camera朝向直接向下,到达-90度时则直接向上。
[*]Roll(翻滚角 / Roll): Roll描述camera绕其前进方向的轴线旋转,影响camera自身的侧翻。在大多数应用场景中,camera的roll通常被设置为0,以保持camera平台的程度,但在特殊视觉结果或模拟飞行中可能会用到非零的roll值。
4、看你做过很多项目,你能描述制作cesium 热力图的逻辑步调过程嘛,就是你怎样做一个热力图。

简单回答:直接引入开源的Heatmap
详细:


[*] 使用heatmap.js:起首,利用heatmap.js天生热力图的canvas图像。你必要将地理位置数据和权重值转达给heatmap.js,天生对应的热力图可视化。
[*] 转换为Cesium材质:将heatmap.js天生的canvas转换为Cesium的材质,然后应用于一个覆盖整个地图的Primitive或Entity上。
[*] 代码:
// 假设你有数据 points = [{lat: ..., lng: ..., value: ...}, ...]
let heatmapInstance = h337.create({
    container: document.getElementById('heatmapContainer'), // 这里需要替换为实际的容器
    radius: 25,
});
heatmapInstance.setData(points);
以上一些仅供参考。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: WebGIS口试题(第八期)