使用cesium创建 方向贴图的路线

要在Cesium中创建方向贴图的路线，可以按照以下步骤进行：

1. 获取路线上每个点的经纬度坐标。

2. 创建一个Polyline对象，它将表示路线。

3. 设置Polyline对象的属性，例如颜色、宽度、样式等。

4. 将路线上每个点的经纬度坐标添加到Polyline对象的positions数组中。

5. 创建一个Billboard对象，它将表示方向贴图。

6. 设置Billboard对象的属性，例如图像、大小、旋转角度等。

7. 将Billboard对象添加到Polyline对象的positions数组中。

8. 将Polyline对象添加到Cesium的Entity对象中，并将Entity添加到Viewer中进行显示。

以下是示例代码：

// 获取路线上每个点的经纬度坐标
var points = [
    { lon: 116.397128, lat: 39.916527 },
    { lon: 116.397477, lat: 39.918102 },
    { lon: 116.398139, lat: 39.917983 },
    { lon: 116.398602, lat: 39.916659 },
    { lon: 116.397128, lat: 39.916527 }
];

// 创建Cesium的Viewer对象
var viewer = new Cesium.Viewer('cesiumContainer');

// 创建Polyline对象
var polyline = new Cesium.Polyline({
    positions: Cesium.Cartesian3.fromDegreesArrayHeights(points.map(p => [p.lon, p.lat, 0]).flat()),
    width: 5,
    material: new Cesium.PolylineOutlineMaterialProperty({
        color: Cesium.Color.YELLOW,
        outlineWidth: 2,
        outlineColor: Cesium.Color.BLACK
    })
});

// 创建Billboard对象
var billboard = new Cesium.BillboardGraphics({
    image: 'images/arrow.png',
    width: 30,
    height: 30,
    rotation: Cesium.Math.toRadians(90)
});

// 将路线上每个点的经纬度坐标添加到Polyline对象的positions数组中
var positions = [];
for (var i = 0; i < points.length; i++) {
    positions.push(points[i].lon, points[i].lat, 0);
    if (i < points.length - 1) {
        var direction = Cesium.Cartesian3.subtract(
            Cesium.Cartesian3.fromDegrees(points[i + 1].lon, points[i + 1].lat),
            Cesium.Cartesian3.fromDegrees(points[i].lon, points[i].lat),
            new Cesium.Cartesian3()
        );
        var angle = Cesium.Math.toRadians(Cesium.Cartesian3.angleBetween(direction, Cesium.Cartesian3.UNIT_X));
        positions.push(points[i].lon, points[i].lat, 0, angle);
    }
}

// 将Polyline对象和Billboard对象添加到Entity中
var entity = viewer.entities.add({
    name: 'Directional Route',
    polyline: polyline,
    billboard: billboard,
    position: Cesium.Cartesian3.fromDegrees(points[0].lon, points[0].lat)
});

// 设置相机视角
viewer.zoomTo(entity);

这将在Cesium中创建一条黄色路线，并在路线上添加一个方向贴图，方向贴图使用箭头图像，大小为30×30像素，旋转角度为90度。你可以根据需要自定义路线和方向贴图的属性。