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，从而实现了模子的旋转。
详细代码如下：

1. // 导入Cesium库
2. const Cesium = require('cesium');
4. // 假设你已经有了一个Cesium Viewer实例
5. const viewer = new Cesium.Viewer('cesiumContainer');
7. // 加载3D Tiles数据
8. const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
9.     url: './path/to/your/3d/tiles/tileset.json'
10. }));
12. // 定义旋转参数，例如围绕X轴旋转的角度（单位：度）
13. const RotateX = 45; // 旋转45度为例
15. // 将角度转换为弧度
16. const rotationInRadians = Cesium.Math.toRadians(RotateX);
18. // 创建一个旋转矩阵，这里以X轴旋转为例
19. const rotationMatrix = Cesium.Matrix3.fromRotationX(rotationInRadians);
21. // 将旋转矩阵转换为4x4的模型变换矩阵
22. // 假设tileset的初始modelMatrix为单位矩阵或者你有特定的初始变换
23. let modelMatrix = Cesium.Matrix4.IDENTITY;
25. // 应用旋转到现有的modelMatrix
26. Cesium.Matrix4.multiplyByMatrix3(modelMatrix, rotationMatrix, modelMatrix);
28. // 将更新后的modelMatrix应用到tileset上
29. 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上。
  
• 代码：
  
  1. // 假设你有数据 points = [{lat: ..., lng: ..., value: ...}, ...]
  2. let heatmapInstance = h337.create({
  3.     container: document.getElementById('heatmapContainer'), // 这里需要替换为实际的容器
  4.     radius: 25,
  5. });
  6. heatmapInstance.setData(points);

  复制代码
  以上一些仅供参考。
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。