Cesium教程(十):标签加载

标签是一种特殊的空间数据,相当于二维地图中的图标,主要用作标注信息,标明三维模型或其他

地理空间数据的名称等属性。 这里以天河机场为例,添加文字图片等信息。

代码编写

const viewer = new Cesium.Viewer("cesiumContainer", {
        imageryProvider: Cesium.createWorldImagery({
            style: Cesium.IonWorldImageryStyle.AERIAL_WITH_LABELS,
        })
    });

    viewer.entities.add({
        position: Cesium.Cartesian3.fromDegrees(114.21147 , 30.77195),
        label: {
            text: "天河机场",
            font: "42px Helvetica",
            fillColor: Cesium.Color.RED,
        },
    });

    viewer.entities.add({
        position: Cesium.Cartesian3.fromDegrees(114.21147 , 30.77195),
        billboard: {
            image: "./data/img.png",
            width: 100,
            height: 100,
        },
    });

实现效果