LabelStyle

LabelStyle 枚举类型定义了 CesiumJS 中标签的样式。标签用于在场景中显示注释或其他文本。

枚举成员

• FILL: 填充标签。
• OUTLINE: 带边框的标签。
• FILL_AND_OUTLINE: 填充和带边框的标签。

示例

// 创建填充标签
var fillLabel = viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
    label : {
        text : 'Washington, D.C.',
        pixelOffset : new Cesium.Cartesian2(0, -50),
        showBackground : true,
        font : '16px sans-serif',
        fillColor : Cesium.Color.YELLOW,
        style : Cesium.LabelStyle.FILL
    }
});

// 创建带边框的标签
var outlineLabel = viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
    label : {
        text : 'Washington, D.C.',
        pixelOffset : new Cesium.Cartesian2(0, -50),
        showBackground : true,
        font : '16px sans-serif',
        fillColor : Cesium.Color.YELLOW,
        outlineColor : Cesium.Color.BLACK,
        outlineWidth : 2,
        style : Cesium.LabelStyle.OUTLINE
    }
});

// 创建填充和带边框的标签
var fillAndOutlineLabel = viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
    label : {
        text : 'Washington, D.C.',
        pixelOffset : new Cesium.Cartesian2(0, -50),
        showBackground : true,
        font : '16px sans-serif',
        fillColor : Cesium.Color.YELLOW,
        outlineColor : Cesium.Color.BLACK,
        outlineWidth : 2,
        style : Cesium.LabelStyle.FILL_AND_OUTLINE
    }
});

以上示例演示了如何创建不同样式的标签。

备注

• 在创建标签时，必须在标签对象中指定样式属性，可以选择 FILL、OUTLINE 或 FILL_AND_OUTLINE。
• FILL_AND_OUTLINE 样式可能需要稍微调整才能使填充和边框看起来不重叠。
• 更多关于标签的信息，请参阅 CesiumJS 标签文档。