Cesium polygon面上加上文字

在Cesium.js中，要在地图上特定的polygon（多边形）区域添加文字标签，你可以使用`Entity`和`Label`组件。以下是简单的步骤：

1. 首先，你需要创建一个`PolygonGraphics`实例来表示地图上的多边形。这通常基于GeoJSON数据或者自定义顶点数组。

const polygon = new Cesium.PolygonGraphics({
    hierarchy: ... // GeoJSON或自定义顶点数组
});

2. 创建一个`Label`组件，指定其位置应该位于多边形内部或者边缘，以及显示的文字内容和样式。

const label = new Cesium.Label({
    text: '这是文本', // 文字内容
    position: new Cesium Cartographic(...), // 标签的位置
    verticalOrigin: Cesium.VerticalOrigin.BOTTOM, // 标签对齐方式
    style: {
        font: '14px sans-serif',
        fillColor: Cesium.Color.WHITE,
        outlineColor: Cesium.Color.BLACK,
        outlineWidth: 2
    }
});

3. 将`Label`关联到`PolygonGraphics`，通常通过设置`labelStyle`属性或者在`show`事件中动态添加。

polygon.labelStyle = {
    show: true,
    scale: 0.75, // 根据需要调整字体大小
    pixelOffset: new Cesium.Cartesian2(0, -5) // 字体相对于中心的位置偏移
};

// 或者，如果希望在点击事件触发时显示或隐藏
polygon.show.addEventListener('click', function() {
    label.show = !label.show;
});

4. 最后，在场景中添加这两个组件：

scene.primitives.add(polygon);
scene.primitives.add(label);