cesium给广告牌加动图

最新推荐文章于 2025-04-28 09:59:56 发布

959946790

最新推荐文章于 2025-04-28 09:59:56 发布

阅读量2.3k

点赞数 1

分类专栏： cesium

本文链接：https://blog.youkuaiyun.com/qq_37741863/article/details/101274484

版权

本文介绍如何在Cesium中为广告牌添加动态效果，包括波纹扩散、旋转等多种效果。通过设置定时器更新广告牌属性来实现动图，目前处于试验阶段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有几种效果可实现：
1.类似波纹扩散效果
2.旋转效果
3.各种效果
步骤：
1.添加广告牌

var test = viewer.entities.add({
	 
	 name : '站点1',
	 code:'11111',
	 description:'测试',//可写Html代码
	 position : Cesium.Cartesian3.fromDegrees(120.8759899, 29.979596, 45),//广告牌坐标
	 billboard: {
		id:"fan",
        image :"../img/imgs/a1.png",
        scale : 0.1,
       	rotation : 0,//设置以弧度为单位的旋转角度
		show:true,
		// width:64,
		// height:64,
		disableDepthTestDistance:Number.POSITIVE_INFINITY,//广告牌不进行深度检测
		heightReference:Cesium.HeightReference.RELATIVE_TO_GROUND			   
      },
	 label : {
	   text : '泵房1',
	   font : '20px monospace',
	   style: Cesium.LabelStyle.FILL_AND_OUTLINE,
	   outlineWidth : 2,
	   show:true,
	   //垂直位置
	   verticalOrigin : Cesium.VerticalOrigin.BUTTON,
	   horizontalOrigin :Cesium.HorizontalOrigin.LEFT,//水平位置
	   //中心位置
	   pixelOffset : new Cesium.Cartesian2(-20,40),
	   disableDepthTestDist