C2——广告牌绑定点击事件

GIS兵墩墩

已于 2022-04-10 12:18:49 修改

阅读量585

点赞数

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

于 2020-09-09 11:18:37 首次发布

GIS-TeZhanBing

本文链接：https://blog.csdn.net/qq_24641385/article/details/108484897

版权

Cesium 专栏收录该内容

31 篇文章 44 订阅

订阅专栏

之前在系统里添加了很多标签。光添加看看没意思，还是要绑定一些事件才比较完成。

所以这里搞事件绑定。

这里只写绑定点击事件

let _this = this;
// 添加广告牌
viewer.entities.add({
    id: _name,
    name: "entityIsProjectLable",
    position: Cesium.Cartesian3.fromDegrees(  _center[0], _center[1], _center[2] ),
    // point: { //点 可以在广告牌下面弄些效果
    //     pixelSize: 10,
    //     HeightReference: 1000
    // },
    label: {//文字标签
        text: _name,
        font: "500 30px Helvetica", // 15pt monospace
        scale: 0.5,
        style: Cesium.LabelStyle.FILL,
        fillColor: Cesium.Color.WHITE,
        pixelOffset: new Cesium.Cartesian2(0, -145), //偏移量
        showBackground: true,
        backgroundColor: new Cesium.Color(0.5, 0.6, 1, 1.0),
        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
        verticalOrigin: Cesium.HorizontalOrigin.Bottom,
        distanceDisplayCondition: new Cesium.DistanceDisplayCondition( 0, 3000 )
    },
    billboard: { //图标
        image: "t图片url",
        width: 50,
        height: 150,
        pixelOffset: new Cesium.Cartesian2(0, -60), //偏移量
        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
        verticalOrigin: Cesium.HorizontalOrigin.Bottom,
        distanceDisplayCondition: new Cesium.DistanceDisplayCondition( 0,  3000 )
    }
});
//点击广告牌改变文本和图标
handler = new Cesium.ScreenSpaceEventHandler( viewer.scene.canvas );
handler.setInputAction(function (click) {
    var pick = viewer.scene.pick(click.position);
    if (pick && pick.id._name == "entityIsProjectLable") {
        //    pick.id._billboard._image._value = '../images/marker02.png';修改广告牌图片
        let proName = pick.id._label._text._value;
        _this.clickProject(proName);// 点击项目执行具体事件
    } else {
        return;
    }
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);