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

182 篇文章 2 订阅
164 篇文章 0 订阅
文章讲述了用户在使用Mars3D平台时遇到的ModelEntity高亮问题,提供了查阅官方V3.7.0API文档的解决方案,以及示例代码,展示了如何在加载模型时设置点击高亮功能。
摘要由CSDN通过智能技术生成

问题:

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)

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值