Cesium 设置实体（模型、图片）的朝向

一、需求来源
在项目中，需要绘制汽车并且设置其朝向，原始方式是使用模型绘制，便可以很容易的通过设置orientation属性控制朝向，但是后期由于数量过大，要换成图片，于是探究了一下图片如何设置实体朝向。

本文将会把两种实体朝向的设置方法都进行介绍。

二、先看效果

三、代码实现
model：
var position = Cesium.Cartesian3.fromDegrees(116.39, 39.9, 0)
viewer.entities.add({
show: true,
position: position,
orientation: Cesium.Transforms.headingPitchRollQuaternion(
position,
new Cesium.HeadingPitchRoll(
Cesium.Math.toRadians(45), // 设置这个属性即可（顺时针旋转的角度值）
Cesium.Math.toRadians(0),
Cesium.Math.toRadians(0)
)
),
model: {
uri : '../../source/model/CesiumMilkTruck/CesiumMilkTruck.glb',
scale: 50000
}
image:
var position = Cesium.Cartesian3.fromDegrees(119.39, 39.9, 0)
viewer.entities.add({
show: true,
position: position,
ellipse : {
semiMinorAxis : 80000.0,
semiMajorAxis : 80000.0,
material: new Cesium.ImageMaterialProperty({
image:'../../source/image/LaunchSite.png', // 图片以材质的方式填充
color: Cesium.Color.RED,
repeat : new Cesium.Cartesian2(1, 1)
}),

// rotation: 45,
// 利用下面这个属性设置素材填充时的选装角度（顺时针方向）
stRotation : 45,
},

————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/qq_33302004/article/details/117434995