Cesium 在多边形中间加Label

-小C_

已于 2024-04-08 11:32:26 修改

阅读量417

点赞数 6

分类专栏： Cesium 文章标签：前端

于 2024-04-08 11:21:40 首次发布

本文链接：https://blog.csdn.net/m0_75107188/article/details/137500682

版权

Cesium 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

const create = (data,height,name,id) => {
    //创建多边形
    let Entity = window.cesium.entity.trends.level.entities.add({
        type: `area`,
        Data: Datas,
        id:id,
        polygon: {
            heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
            hierarchy: Cesium.Cartesian3.fromDegreesArray(fromDegreesArray),
            outline: true,
            outlineColor: Cesium.Color.YELLOW.withAlpha(0.5),
            outlineWidth: 1,
            material: Cesium.Color.YELLOW.withAlpha(0.5),
        },
    })
    //添加中间label显示
    let polyPositions = addEnt.polygon.hierarchy.getValue(Cesium.JulianDate.now()).positions;
    let polyCenter = Cesium.BoundingSphere.fromPoints(polyPositions).center;//中心点
    polyCenter = Cesium.Ellipsoid.WGS84.scaleToGeodeticSurface(polyCenter);
    Entity.position = polyCenter;
    Entity.label={
        text:'显示内容',
        color : Cesium.Color.fromCssColorString('#fff'),
        font:'normal 20px MicroSoft YaHei',
        showBackground : false,
        scale : 0.5,
        horizontalOrigin : Cesium.HorizontalOrigin.LEFT_CLICK,
        verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
        disableDepthTestDistance : 50000
    };
}

参考：cesium分别绘制多边形与点，并且为其添加lable标签。解决绘制后出现的地形遮挡问题_cesium.boundingsphere.frompoints-CSDN博客