cesium label和billboard 的一些配置注释

label

{
        id:'',
        position: Cesium.Cartesian3.fromDegrees(longitude, latitude, 0),
        image: "", //图片地址
        width: 40,
        height: 20,
        sizeInMeters: false, //图像的尺寸被指定成图像实际的尺寸
        scaleByDistance: new Cesium.NearFarScalar(1.5e2, 10.0, 1.5e5, 1), //设置屏幕像素缩放比，150米的时候放大10倍，1500米的时候，缩放到1
        translucencyByDistance: new Cesium.NearFarScalar(1.5e2, 1.0, 1.5e5, 0.2), //改动透明度，地球缩放到很小时，透明度增大
        pixelOffset: new Cesium.Cartesian2(0.0, -20), //偏移
        pixelOffsetScaleByDistance: new Cesium.NearFarScalar(1.0e3, 1.0, 1.5e5, 0.0), //随着距离改变偏移量Ï
}

billboards

{
        text: "",
        font: '30px Helvetica',// 字号 字体
        scale: 1,
        style: Cesium.LabelStyle.FILL, //是否需要轮廓//FILL不要轮廓 , OUTLINE只要轮廓,FILL_AND_OUTLINE轮廓加填充
        fillColor: Cesium.Color.WHITE,  //填充颜色
        pixelOffset: new Cesium.Cartesian2(0, -15),   //偏移量
        showBackground: false, //是否显示背景色,就是文字后面的阴影
        backgroundColor: new this.Cesium.Color()   //背景顔色
}

 

使用

this.viewer.value.entities.add({
    id:'',
    name:'',
    position: Cesium.Cartesian3.fromDegrees(经度, 纬度)
    label: {
        ...
    },
     billboard: {
        ...
    }
})

 或者

const billboards = this.viewer.scene.primitives.add(
      new Cesium.BillboardCollection()
);
billboards.add({
    ...
})