Cesium初探-CallbackProperty

在Cesium中,CallbackProperty 是一种非常有用的特性,可以用来动态更新实体的属性,如位置、方向、高度等。CallbackProperty 允许你在指定的时间点计算属性值,这样就可以实时地改变实体的状态而不需要频繁地重新设置整个属性。

下面是一个使用 CallbackProperty 来创建动态更新位置的实体的例子:

javascript 复制代码
onMounted(()=>{
  Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1NmQ2YjQwMC0wOTAzLTQxYWItODliMC1iYTFjMzdiM2U4YzEiLCJpZCI6MjMyMjU4LCJpYXQiOjE3MjI1ODkzNzV9._ql6Oa6Tls-APS5Ag0692Co91xG_QqcEmd4sAo8azJ8'
  viewer = new Cesium.Viewer('container',{
    // terrainProvider : Cesium.createWorldTerrain(),
    imageryProvider : new Cesium.UrlTemplateImageryProvider({
        url : 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'
    })
  })

  // 创建一个CallbackProperty来定义位置
  var positionCallbackProperty = new Cesium.CallbackProperty(()=>{
    var lat = 117.0 + Math.sin(Cesium.JulianDate.now().secondsOfDay) * 10.0
    var lon = 40.0 + Math.cos(Cesium.JulianDate.now().secondsOfDay) * 5.0
    return Cesium.Cartesian3.fromDegrees(lat, lon)
  },false)

  // 创建实体并使用CallbackProperty
  var dynamicEntity = viewer.entities.add({
      name : 'Dynamic Entity',
      position : positionCallbackProperty,
      point : {
          pixelSize : 10,
          color : Cesium.Color.BLUE
      }
  });

})
相关推荐
dingzd953 小时前
TikTok账号登录态失效的Cookie字段排查路径
开发语言·php·跨境电商·营销策略
雨季mo浅忆3 小时前
Vue关于前端XSS漏洞修复方案
前端·xss
上火的金鱼妹3 小时前
关于多进程sse连接通知的实战
javascript·状态模式·sse
切糕师学AI3 小时前
el-select-v2 深度解析:用虚拟滚动解决海量数据下拉选择性能瓶颈
前端·vue.js·elementui·el-select-v2
曹牧3 小时前
C#:The operation has timed out
开发语言·c#
徐小夕3 小时前
JitOffice:把办公、AI 与审批装进同一个平台
前端·vue.js·github
你看我名字3 小时前
数眼智能 Search + Reader 实战:联网问答怎样避免“搜到了,却引用错了”
android·java·开发语言
小嘉丶学长3 小时前
Day13 · 列表与元组
linux·运维·服务器·开发语言·python
徐小夕3 小时前
万字分享:为什么我们要自研Word解析引擎?JitWord 解析引擎 4.0 深度复盘
前端·vue.js·github
努力努力再努力wz3 小时前
【Lua入门系列】从 C++ 迭代器到 Lua 迭代器:一文深入理解 Lua 有状态以及无状态迭代器与泛型for、闭包、ipairs、pairs 和 next
开发语言·c++·lua