mars3d聚合图标点 数据 通过gif实现 闪烁

154 篇文章 2 订阅
137 篇文章 0 订阅

问题

1.聚合里面的这些点能不能闪烁 或者直接用svg动画
2.设置了svg,但是显示是静态的,是否不支持还是设置有问题

 

相关链接



http://mars3d.cn/editor-vue.html?id=graphic/entity/billboard-clustering

不支持动态的svg,可有用gif的加载原理来使用

https://mars3d.cn/editor-vue.html?id=graphic/entity/billboard

// 利用第3方库(gifler.js)加载gif

function addDemoGraphic12(graphicLayer) {

  let gifImgBuffer

  const graphic = new mars3d.graphic.BillboardEntity({

    position: new mars3d.LngLatPoint(116.3, 30.8, 1000),

    style: {

      image: new Cesium.CallbackProperty(() => {

        return gifImgBuffer

      }, false),

      scale: 0.1,

      horizontalOrigin: Cesium.HorizontalOrigin.CENTER,

      verticalOrigin: Cesium.VerticalOrigin.CENTER

    },

    attr: { remark: "示例12" }

  })

  graphicLayer.addGraphic(graphic)

  // eslint-disable-next-line no-undef

  const gif = gifler("img/icon/tf.gif")

  gif.frames(document.createElement("canvas"), function (ctx, frame) {

    gifImgBuffer = frame.buffer.toDataURL()

  })

}

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值