千家信息网

Cesium左键点击模型效果怎么实现

发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章给大家介绍Cesium左键点击模型效果怎么实现,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。Cesium的样例中,有一个3D Tiles Feature Picking,
千家信息网最后更新 2026年11月03日Cesium左键点击模型效果怎么实现

这篇文章给大家介绍Cesium左键点击模型效果怎么实现,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

Cesium的样例中,有一个3D Tiles Feature Picking,鼠标划过模型,会在模型上显示一个选中框,在模型旁边浮现一个名称标签,点击3dtiles中的模型,会高亮显示框,并且弹出模型的详细信息。


直接拿过来使用其中的代码,发现这个点击效果,是要根据模型(3dtile)的实际情况进行代码修改,鼠标点击到的模型是b3dm格式的,Cesium有详细的文件格式说明,不过文件的有些部分需要可以进行省略,所以,导致不是每个3dtile的图层都是一样。

b3dm文件格式参见网址:https://github.com/AnalyticalGraphicsInc/3d-tiles/blob/master/TileFormats/Batched3DModel/README.md

在实际的代码中,按照以下情况进行修改,完全代码参照文章开头的网址,以下只对关键代码进行解释:

if (Cesium.defined(highlighted.feature)) {

//此代码处,要根据模型,判断feature中是否存在color的属性,否则设置不成功

highlighted.feature.color = highlighted.originalColor;

highlighted.feature = undefined;

}

//要根据模型,判断feature中是否存在color的属性,否则设置不成功

pickedFeature.color = Cesium.Color.LIME;

// 这处要判断是否有name的属性,这个和b3dm的batch Table和feature Table有关联,需看b3dm模型中是否有以上这些

var featureName = pickedFeature.getProperty('name');

selectedEntity.name = featureName;

selectedEntity.description = 'Loading

';

viewer.selectedEntity = selectedEntity;

selectedEntity.description = .............;

在MOUSE_MOVE和LEFT_CLICK都有对应的代码,需要同时都进行修改。

关于Cesium左键点击模型效果怎么实现就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

模型 代码 效果 属性 文件 格式 成功 内容 实际 情况 文章 更多 网址 鼠标 帮助 不错 信息 关键 兴趣 同时 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技股 圆梦互联网科技 互联网科技会 智能科技公司是互联网公司吗 互联网巨头科技公司 互联网金融与金融科技 安徽鑫晟辉互联网科技 广西互联网科技公司 润盈互联网科技 互联网公司会议桌创意科技软装饰 中盈科技互联网信息有限公司 汽车互联网创新科技园 互联网在线教育科技创业 高科技互联网发展前景如何 南通创西澳互联网科技有限公司 江苏苏星互联网科技有限公司 2021世界互联网领先科技成果发布 南京一网一红互联网科技有限公司 珠海东科互联网科技有限公司 高科技和互联网的现代国家 百单网互联网科技有限公司怎么样 互联网科技公司简介 互联网中国科技 关于新基建和互联网科技 互联网金融 科技创新 开一家科技互联网公司需要多少钱 阿里互联网科技企业 银行科技岗属于互联网吗 上海互联网科技公司ppt 广州全民伙伴互联网科技有限公司
0