Cesium3DTileStyle

new Cesium.Cesium3DTileStyle(style)

应用于 Cesium3DTileset 的样式。

计算使用 3D 瓦片样式语言

Name Type Description
style object optional An object defining a style.
Examples:
tileset.style = new Cesium.Cesium3DTileStyle({
    color : {
        conditions : [
            ['${Height} >= 100', 'color("purple", 0.5)'],
            ['${Height} >= 50', 'color("red")'],
            ['true', 'color("blue")']
        ]
    },
    show : '${Height} > 0',
    meta : {
        description : '"Building id ${id} has height ${Height}."'
    }
});
tileset.style = new Cesium.Cesium3DTileStyle({
    color : 'vec4(${Temperature})',
    pointSize : '${Temperature} * 2.0'
});
See:

Members

获取或设置StyleExpression 对象,用于评估样式的 anchorLineColor 属性。或者,可以使用定义颜色样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Color

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override anchorLineColor expression with a string
style.anchorLineColor = 'color("blue")';
const style = new Cesium.Cesium3DTileStyle();
// Override anchorLineColor expression with a condition
style.anchorLineColor = {
    conditions : [
        ['${height} > 2', 'color("cyan")'],
        ['true', 'color("blue")']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 anchorLineEnabled 属性。或者,可以使用定义布尔样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回布尔值

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override anchorLineEnabled expression with a string
style.anchorLineEnabled = 'true';
const style = new Cesium.Cesium3DTileStyle();
// Override anchorLineEnabled expression with a condition
style.anchorLineEnabled = {
    conditions : [
        ['${height} > 2', 'true'],
        ['true', 'false']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 backgroundColor 属性。或者,可以使用定义颜色样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Color

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override backgroundColor expression with a string
style.backgroundColor = 'color("blue")';
const style = new Cesium.Cesium3DTileStyle();
// Override backgroundColor expression with a condition
style.backgroundColor = {
    conditions : [
        ['${height} > 2', 'color("cyan")'],
        ['true', 'color("blue")']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 backgroundEnabled 属性。或者,可以使用定义布尔样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回布尔值

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override backgroundEnabled expression with a string
style.backgroundEnabled = 'true';
const style = new Cesium.Cesium3DTileStyle();
// Override backgroundEnabled expression with a condition
style.backgroundEnabled = {
    conditions : [
        ['${height} > 2', 'true'],
        ['true', 'false']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 backgroundPadding 属性。或者,可以使用定义 vec2 样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Cartesian2

此表达式仅适用于矢量瓦片中的点要素。

Example:
const style = new Cesium.Cesium3DTileStyle();
// Override backgroundPadding expression with a string
style.backgroundPadding = 'vec2(5.0, 7.0)';
style.backgroundPadding.evaluate(feature); // returns a Cartesian2
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression对象,用于评估样式的 color 属性。或者,可以使用定义颜色样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Color

此表达式适用于所有磁贴格式。

Examples:
const style = new Cesium3DTileStyle({
    color : '(${Temperature} > 90) ? color("red") : color("white")'
});
style.color.evaluateColor(feature, result); // returns a Cesium.Color object
const style = new Cesium.Cesium3DTileStyle();
// Override color expression with a custom function
style.color = {
    evaluateColor : function(feature, result) {
        return Cesium.Color.clone(Cesium.Color.WHITE, result);
    }
};
const style = new Cesium.Cesium3DTileStyle();
// Override color expression with a string
style.color = 'color("blue")';
const style = new Cesium.Cesium3DTileStyle();
// Override color expression with a condition
style.color = {
    conditions : [
        ['${height} > 2', 'color("cyan")'],
        ['true', 'color("blue")']
    ]
};
获取或设置StyleExpression 对象,用于评估样式的 disableDepthTestDistance 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Number

此表达式仅适用于矢量瓦片中的点要素。

Example:
const style = new Cesium.Cesium3DTileStyle();
// Override disableDepthTestDistance expression with a string
style.disableDepthTestDistance = '1000.0';
style.disableDepthTestDistance.evaluate(feature); // returns a Number
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 distanceDisplayCondition 属性。或者,可以使用定义 vec2 样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Cartesian2

此表达式仅适用于矢量瓦片中的点要素。

Example:
const style = new Cesium.Cesium3DTileStyle();
// Override distanceDisplayCondition expression with a string
style.distanceDisplayCondition = 'vec2(0.0, 5.5e6)';
style.distanceDisplayCondition.evaluate(feature); // returns a Cartesian2
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 font 属性。或者,可以使用定义字符串样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 String

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    font : '(${Temperature} > 90) ? "30px Helvetica" : "24px Helvetica"'
});
style.font.evaluate(feature); // returns a String
const style = new Cesium.Cesium3DTileStyle();
// Override font expression with a custom function
style.font = {
    evaluate : function(feature) {
        return '24px Helvetica';
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 heightOffset 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Number

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override heightOffset expression with a string
style.heightOffset = '2.0';
const style = new Cesium.Cesium3DTileStyle();
// Override heightOffset expression with a condition
style.heightOffset = {
    conditions : [
        ['${height} > 2', '4.0'],
        ['true', '2.0']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 horizontalOrigin 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 HorizontalOrigin

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    horizontalOrigin : HorizontalOrigin.LEFT
});
style.horizontalOrigin.evaluate(feature); // returns a HorizontalOrigin
const style = new Cesium.Cesium3DTileStyle();
// Override horizontalOrigin expression with a custom function
style.horizontalOrigin = {
    evaluate : function(feature) {
        return HorizontalOrigin.CENTER;
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 image 属性。或者,可以使用定义字符串样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 String

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    image : '(${Temperature} > 90) ? "/url/to/image1" : "/url/to/image2"'
});
style.image.evaluate(feature); // returns a String
const style = new Cesium.Cesium3DTileStyle();
// Override image expression with a custom function
style.image = {
    evaluate : function(feature) {
        return '/url/to/image';
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 labelColor 属性。或者,可以使用定义颜色样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Color

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override labelColor expression with a string
style.labelColor = 'color("blue")';
const style = new Cesium.Cesium3DTileStyle();
// Override labelColor expression with a condition
style.labelColor = {
    conditions : [
        ['${height} > 2', 'color("cyan")'],
        ['true', 'color("blue")']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 labelHorizontalOrigin 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 HorizontalOrigin

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    labelHorizontalOrigin : HorizontalOrigin.LEFT
});
style.labelHorizontalOrigin.evaluate(feature); // returns a HorizontalOrigin
const style = new Cesium.Cesium3DTileStyle();
// Override labelHorizontalOrigin expression with a custom function
style.labelHorizontalOrigin = {
    evaluate : function(feature) {
        return HorizontalOrigin.CENTER;
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于计算样式的 labelOutlineColor 属性。或者,可以使用定义颜色样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Color

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override labelOutlineColor expression with a string
style.labelOutlineColor = 'color("blue")';
const style = new Cesium.Cesium3DTileStyle();
// Override labelOutlineColor expression with a condition
style.labelOutlineColor = {
    conditions : [
        ['${height} > 2', 'color("cyan")'],
        ['true', 'color("blue")']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于计算样式的 labelOutlineWidth 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Number

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override labelOutlineWidth expression with a string
style.labelOutlineWidth = '5';
const style = new Cesium.Cesium3DTileStyle();
// Override labelOutlineWidth expression with a condition
style.labelOutlineWidth = {
    conditions : [
        ['${height} > 2', '5'],
        ['true', '0']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 Label Style 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 LabelStyle

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    labelStyle : `(\${Temperature} > 90) ? ${LabelStyle.FILL_AND_OUTLINE} : ${LabelStyle.FILL}`
});
style.labelStyle.evaluate(feature); // returns a LabelStyle
const style = new Cesium.Cesium3DTileStyle();
// Override labelStyle expression with a custom function
style.labelStyle = {
    evaluate : function(feature) {
        return LabelStyle.FILL;
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 labelText 属性。或者,可以使用定义字符串样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 String

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    labelText : '(${Temperature} > 90) ? ">90" : "<=90"'
});
style.labelText.evaluate(feature); // returns a String
const style = new Cesium.Cesium3DTileStyle();
// Override labelText expression with a custom function
style.labelText = {
    evaluate : function(feature) {
        return 'Example label text';
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 labelVerticalOrigin 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 VerticalOrigin

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    labelVerticalOrigin : VerticalOrigin.TOP
});
style.labelVerticalOrigin.evaluate(feature); // returns a VerticalOrigin
const style = new Cesium.Cesium3DTileStyle();
// Override labelVerticalOrigin expression with a custom function
style.labelVerticalOrigin = {
    evaluate : function(feature) {
        return VerticalOrigin.CENTER;
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置对象,该对象包含特定于应用程序的表达式,该表达式可以显式地 评估,例如,用于在 UI 中显示。
Example:
const style = new Cesium3DTileStyle({
    meta : {
        description : '"Building id ${id} has height ${Height}."'
    }
});
style.meta.description.evaluate(feature); // returns a String with the substituted variables
获取或设置StyleExpression对象,用于计算样式的 pointOutlineColor 属性。或者,可以使用定义颜色样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Color

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override pointOutlineColor expression with a string
style.pointOutlineColor = 'color("blue")';
const style = new Cesium.Cesium3DTileStyle();
// Override pointOutlineColor expression with a condition
style.pointOutlineColor = {
    conditions : [
        ['${height} > 2', 'color("cyan")'],
        ['true', 'color("blue")']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 pointOutlineWidth 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Number

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium.Cesium3DTileStyle();
// Override pointOutlineWidth expression with a string
style.pointOutlineWidth = '5';
const style = new Cesium.Cesium3DTileStyle();
// Override pointOutlineWidth expression with a condition
style.pointOutlineWidth = {
    conditions : [
        ['${height} > 2', '5'],
        ['true', '0']
    ]
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression对象,用于评估样式的 pointSize 属性。或者,可以使用定义磅值样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Number

此表达式仅适用于矢量瓦片或点云瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    pointSize : '(${Temperature} > 90) ? 2.0 : 1.0'
});
style.pointSize.evaluate(feature); // returns a Number
const style = new Cesium.Cesium3DTileStyle();
// Override pointSize expression with a custom function
style.pointSize = {
    evaluate : function(feature) {
        return 1.0;
    }
};
const style = new Cesium.Cesium3DTileStyle();
// Override pointSize expression with a number
style.pointSize = 1.0;
const style = new Cesium.Cesium3DTileStyle();
// Override pointSize expression with a string
style.pointSize = '${height} / 10';
const style = new Cesium.Cesium3DTileStyle();
// Override pointSize expression with a condition
style.pointSize =  {
    conditions : [
        ['${height} > 2', '1.0'],
        ['true', '2.0']
    ]
};
获取或设置StyleExpression 对象,用于评估样式的 scaleByDistance 属性。或者,可以使用定义 vec4 样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Cartesian4

此表达式仅适用于矢量瓦片中的点要素。

Example:
const style = new Cesium.Cesium3DTileStyle();
// Override scaleByDistance expression with a string
style.scaleByDistance = 'vec4(1.5e2, 2.0, 1.5e7, 0.5)';
style.scaleByDistance.evaluate(feature); // returns a Cartesian4
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 用于评估样式的 show 属性的对象。或者,可以使用定义显示样式的布尔值、字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回或转换为布尔值

此表达式适用于所有磁贴格式。

Examples:
const style = new Cesium3DTileStyle({
    show : '(regExp("^Chest").test(${County})) && (${YearBuilt} >= 1970)'
});
style.show.evaluate(feature); // returns true or false depending on the feature's properties
const style = new Cesium.Cesium3DTileStyle();
// Override show expression with a custom function
style.show = {
    evaluate : function(feature) {
        return true;
    }
};
const style = new Cesium.Cesium3DTileStyle();
// Override show expression with a boolean
style.show = true;
};
const style = new Cesium.Cesium3DTileStyle();
// Override show expression with a string
style.show = '${Height} > 0';
};
const style = new Cesium.Cesium3DTileStyle();
// Override show expression with a condition
style.show = {
    conditions: [
        ['${height} > 2', 'false'],
        ['true', 'true']
    ];
};
Default Value: {}
获取或设置StyleExpression 对象,用于评估样式的 translucencyByDistance 属性。或者,可以使用定义 vec4 样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 Cartesian4

此表达式仅适用于矢量瓦片中的点要素。

Example:
const style = new Cesium.Cesium3DTileStyle();
// Override translucencyByDistance expression with a string
style.translucencyByDistance = 'vec4(1.5e2, 1.0, 1.5e7, 0.2)';
style.translucencyByDistance.evaluate(feature); // returns a Cartesian4
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

获取或设置StyleExpression 对象,用于评估样式的 verticalOrigin 属性。或者,可以使用定义数字样式的字符串或对象。 getter 将返回内部 ExpressionConditionsExpression,这可能与提供给 setter 的值不同。

表达式必须返回 VerticalOrigin

此表达式仅适用于矢量瓦片中的点要素。

Examples:
const style = new Cesium3DTileStyle({
    verticalOrigin : VerticalOrigin.TOP
});
style.verticalOrigin.evaluate(feature); // returns a VerticalOrigin
const style = new Cesium.Cesium3DTileStyle();
// Override verticalOrigin expression with a custom function
style.verticalOrigin = {
    evaluate : function(feature) {
        return VerticalOrigin.CENTER;
    }
};
Experimental

此功能使用的是 3D Tiles 规范的一部分,该规范不是最终版本,并且可能会在没有 Cesium 标准弃用策略的情况下进行更改。

Need help? The fastest way to get answers is from the community and team on the Cesium Forum.