gltf 或者glb的模型,使用new mars3d.graphic.ModelEntity({设置鼠标单击高亮highlight

发布时间:2024年01月16日

问题:

1.用户反馈gltf?或者glb的模型,new mars3d.graphic.ModelEntity({的时候设置highlight是无效的。

highlight:?{
??????????color:'red',
??????},

解决方案:

1.参考api文档:

ModelEntity - V3.7.0 - Mars3D API文档

2.示例地址:

功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技

3.相关效果:

4.实现代码:

function addDemoGraphic2(graphicLayer) {

? const graphic = new mars3d.graphic.ModelEntity({

? ? name: "风机",

? ? position: [116.35104, 30.86225, 374.4],

? ? style: {

? ? ? url: "//data.mars3d.cn/gltf/mars/fengche.gltf",

? ? ? heading: 270,

? ? ? scale: 30,

? ? ? minimumPixelSize: 100,

? ? ? silhouette: false,

? ? ? distanceDisplayCondition: true,

? ? ? distanceDisplayCondition_near: 0,

? ? ? distanceDisplayCondition_far: 9000,

? ? ? distanceDisplayBillboard: {

? ? ? ? // 当视角距离超过一定距离(distanceDisplayCondition_far定义的) 后显示为图标对象的样式

? ? ? ? image: "img/marker/square.png",

? ? ? ? scale: 1

? ? ? },

? ? ? // 高亮时的样式(默认为鼠标移入,也可以指定type:'click'单击高亮),构造后也可以openHighlight、closeHighlight方法来手动调用

? ? ? highlight: {

? ? ? ? ? type:'click',

? ? ? ? silhouette: true,

? ? ? ? silhouetteColor: "#00ffff",

? ? ? ? silhouetteSize: 3

? ? ? }

? ? },

? ? attr: { remark: "示例2" }

? })

? graphicLayer.addGraphic(graphic)

}

文章来源:https://blog.csdn.net/m0_69803146/article/details/135630733
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。