cesium资源点击变色

简单说说自己之前写的思路,需要后端接口配合

首先,在绘制点线面资源或者模型资源时,通过保存功能把相应的事件都绑定在资源上,可以看一下保存的数据结构

 

这样就把模型的构件绑定的事件存到数据库了。

接下来需要设置全局监听机制,在点击每个资源时都会触发这个监听机制,根据资源的类型来区分事件方法,如:

这里的传参pickedObject就是当前点击的构件或者实体的数据,tilesJson就是当前点击的模型每个构件信息,截图 :

 现在说回点击构件变色这块,在全家监听的点击方法中,每次点击都会获取到储存给数据库的事件列表,每个列表里面都i是图1里面的数据,先根据event判断是什么事件,这里有click、double_click、right_click三组事件,判断是其一后将所有这种事件全部存储到数据a中,再判断当前选中的是模型还是其他类型资源,通过数据a的value和模型的id对比,如果是一致说明事件数据就是该模型所绑定的,现在就可以在事件的数据中对该构件做事件的响应了

 

  

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium是一个用于创建地球和其他虚拟环境的开源JavaScript库。它提供了丰富的功能,包括点位渐变色。点位渐变色是指在地球或其他场景中,根据某种规则或数据,将点位的颜色从一个值过渡到另一个值的效果。 在Cesium中,可以通过以下步骤实现点位渐变色: 1. 创建点位:使用Cesium的Entity对象或Primitive对象创建需要渐变色的点位。可以设置点位的位置、样式等属性。 2. 定义颜色规则:根据需要定义点位的颜色规则。可以根据数据的大小、范围或其他条件来确定颜色的过渡规则。 3. 设置渐变色:根据颜色规则,为每个点位设置相应的颜色。可以使用Cesium的Material对象来设置点位的颜色属性。 4. 更新渐变色:如果需要动态更新点位的渐变色,可以根据实际情况更新点位的颜色属性。 下面是一个示例代码,演示如何在Cesium中实现点位渐变色: ```javascript // 创建Cesium Viewer var viewer = new Cesium.Viewer('cesiumContainer'); // 创建点位 var entity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(lon, lat), point: { pixelSize: 10, color: Cesium.Color.RED } }); // 定义颜色规则 var colorRule = { minValue: 0, maxValue: 100, startColor: Cesium.Color.RED, endColor: Cesium.Color.GREEN }; // 设置渐变色 var value = 50; // 根据实际情况设置点位的值 var color = getColorByValue(value, colorRule); entity.point.color = color; // 更新渐变色 function updateColor(value) { var color = getColorByValue(value, colorRule); entity.point.color = color; } // 根据值获取渐变色 function getColorByValue(value, colorRule) { var t = (value - colorRule.minValue) / (colorRule.maxValue - colorRule.minValue); var startColor = colorRule.startColor; var endColor = colorRule.endColor; var color = Cesium.Color.lerp(startColor, endColor, t); return color; } ``` 这是一个简单的示例,你可以根据实际需求进行修改和扩展。希望对你有帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值