cesium添加线和图片

1,525 阅读1分钟

1. 添加线

this.viewer.entities.add({
    name : 'topLine',
    polyline : {
        positions : new Cesium.fromDegreesArray([坐标数组]),
        width : 25,
        material : Cesium.Color.BLUE,
    }
});

这里线可以添加高度 new Cesium.ConstantProperty()

var surfacePosition = Cesium.Cartesian3.fromDegrees(
    this.positions[0],
    this.positions[1],
    0.15 //高度
)
var heightPosition  = Cesium.Cartesian3.fromDegrees(
    this.positions[2],
    this.positions[3],
    0.15 //高度
)
this.viewer.entities.add({
    name : 'topLine',
    polyline : {
        positions : new Cesium.ConstantProperty([
            surfacePosition,
            heightPosition,
        ]),
        width : 25,
        material : Cesium.Color.BLUE,
    }
});

2. 添加图片

var Point = this.viewer.entities.add({
    position: Cesium.Cartesian3.fromDegrees(this.positions[0],this.positions[1],0.1),
    billboard: {
        image: "/images/bp.png",
        height: 120,
        width: 100,
        sizeInMeters: false,
        horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
        scale:2,
        outlineWidth:3,
        Color: Cesium.Color.WHITE,
        show: true
    }
})