Mars3d实现【按当前相机视域页在地球上投射视频】功能

通过mars3d实现按当前相机视域页在地球上投射视频进行视频投射效果:

相关代码:

复制代码
// 按当前相机投射视频
export function startDrawGraphic2() {
  const ellipsoid = map.scene.globe.ellipsoid
  const canvas = map.scene.canvas
  const pt1 = map.camera.pickEllipsoid(new Cesium.Cartesian2(0, 0), ellipsoid)
  const pt2 = map.camera.pickEllipsoid(new Cesium.Cartesian2(canvas.width, 0), ellipsoid)
  const pt3 = map.camera.pickEllipsoid(new Cesium.Cartesian2(canvas.width, canvas.height), ellipsoid)
  const pt4 = map.camera.pickEllipsoid(new Cesium.Cartesian2(0, canvas.height), ellipsoid)
  if (!pt1 || !pt2 || !pt3 || !pt4) {
    return
  }

  const graphic = new mars3d.graphic.VideoPrimitive({
    positions: [pt1, pt2, pt3, pt4],
    style: {
      url: "//data.mars3d.cn/file/video/lukou.mp4"
    }
  })
  graphicLayer.addGraphic(graphic)

  videoPolygon = graphic
}

相关示例链接:

http://mars3d.cn/editor-es5.html?id=graphic/video/video-edit

关键代码核心参考说明:

1.获得当前相机的视域边界位置,进行坐标转换后,转为new mars3d.graphic.VideoPrimitive({对象进行加载。

2.实现效果可见相关示例,单击按钮后,以当前视域页面在地球上投射视频,同步支持地球缩放效果。

相关推荐
大土豆的bug记录1 小时前
鸿蒙进行视频上传,使用 request.uploadFile方法
开发语言·前端·华为·arkts·鸿蒙·arkui
maybe02091 小时前
前端表格数据导出Excel文件方法,列自适应宽度、增加合计、自定义文件名称
前端·javascript·excel·js·大前端
HBR666_1 小时前
菜单(路由)权限&按钮权限&路由进度条
前端·vue
千里码aicood2 小时前
【2025】基于springboot+vue的医院在线问诊系统设计与实现(源码、万字文档、图文修改、调试答疑)
vue.js·spring boot·后端
A-Kamen2 小时前
深入理解 HTML5 Web Workers:提升网页性能的关键技术解析
前端·html·html5
锋小张3 小时前
a-date-picker 格式化日期格式 YYYY-MM-DD HH:mm:ss
前端·javascript·vue.js
鱼樱前端4 小时前
前端模块化开发标准全面解析--ESM获得绝杀
前端·javascript
yanlele4 小时前
前端面试第 75 期 - 前端质量问题专题(11 道题)
前端·javascript·面试
就是有点傻5 小时前
C#中Interlocked.Exchange的作用
java·javascript·c#
夏夏不吃糖5 小时前
基于Spring Boot + Vue的银行管理系统设计与实现
java·vue.js·spring boot·maven