十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章给大家介绍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左键点击模型效果怎么实现就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。