cesium绘制抛物线

最新推荐文章于 2023-12-28 15:11:30 发布

bielifor

最新推荐文章于 2023-12-28 15:11:30 发布

阅读量478

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/bielifor/article/details/132455545

版权

function initEntityLine(Cesium, viewer) {
    const entities = viewer.entities
    const position = new Cesium.Cartesian3.fromDegrees(112.200384, 26.541969, 100)

    // 创建两个点的位置
    let startPoint = Cesium.Cartesian3.fromDegrees(112.200384, 26.541969);
    let endPoint = Cesium.Cartesian3.fromDegrees(112.200384, 26.551969);

    // 创建线的实体
    entities.add({
        polyline: {
            positions: [startPoint, endPoint],
            width: 5,
            material: Cesium.Color.RED
        }
    });

    let threePoint = Cesium.Cartesian3.fromDegrees(112.210989, 26.552195)

    entities.add({
        polyline: {
            positions: [startPoint, threePoint],
            width: 5,
            material: Cesium.Color.RED
        }
    });

    entities.add({
        polyline: {
            positions: [endPoint, threePoint],
            width: 5,
            material: Cesium.Color.RED
        }
    });


    viewer.camera.flyToBoundingSphere(new Cesium.BoundingSphere(position, 100));
}

效果