之前在系统里添加了很多标签。光添加看看没意思,还是要绑定一些事件才比较完成。
所以这里搞事件绑定。
这里只写绑定点击事件
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);