cesium label文字标注

原创已于 2023-02-23 17:47:25 修改 · 5.6k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

于 2021-01-29 10:35:25 首次发布

Cesium 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了如何在Cesium地图中使用entity.label属性精确设置三维数据的显示，包括浮点数解析、颜色、字体、背景、距离条件和缩放效果。重点讲解了如何通过`scaleByDistance`控制数据在不同距离范围内的显示效果。

entity.label={         
 
            text : parseFloat(airdata[curAirParaName]).toFixed(2),
            color : Cesium.Color.fromCssColorString('#fff'),
            font:'normal 32px MicroSoft YaHei',
            showBackground : true,
            scale : 0.4,
            /*horizontalOrigin : Cesium.HorizontalOrigin.LEFT_CLICK,*/
            /*verticalOrigin : Cesium.VerticalOrigin.BOTTOM,*/
            distanceDisplayCondition : new Cesium.DistanceDisplayCondition(0, 500),
            /*disableDepthTestDistance : 1000*/
 
            /*Represents a scalar value's lower and upper bound at a near distance and far distance in eye space.
            Name    Type    Default Description
            near    Number  0.0 optional The lower bound of the camera range.
                nearValue   Number  0.0 optional The value at the lower bound of the camera range.
            far Number  1.0 optional The upper bound of the camera range.
                farValue    Number  0.0 optional The value at the upper bound of the camera range.*/
            scaleByDistance : new Cesium.NearFarScalar(100, 2, 500, 0.0),
        }