Cesium实体更新问题（重新渲染不生效不生效）

最新推荐文章于 2023-09-29 10:05:19 发布
最新推荐文章于 2023-09-29 10:05:19 发布
阅读量989 收藏 1
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33138785/article/details/130366568
版权

实践场景：cesium实体的经纬度发生了改变，但cesium上实体位置并未改变。如果重新渲染不生效

解决办法：先对视图进行销毁，然后对地球重新进行初始化如下：

this.viewer && this.viewer.destroy()
          this.viewer = null      
          this.initEarth()
白马？定叫他有来无回！
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium使用鼠标中键，视角不进入地下
07-31
使用Cesium的同志们，肯定会被拖动鼠标中键时，一不小心视角就会进入地下的问题所困扰，因为Cesium地球引擎并没有处理这个问题。这个问题已经解决，希望能给大家带来帮助
cesium Billboard Label 不面向屏幕 贴地面
最新发布
02-02
cesium Billboard Label 不面向屏幕 贴地面
Cesium 中 实体类entity多种实例对象-实现点击事件
06-04
Cesium 中 实体类entity多种实例对象-实现点击事件
Cesium实体加载演示案例
01-09
Cesium实体加载演示案例，根据Cesium官网提供的两种实体加载接口，在Vue+Cesium项目中实现了entity和primitive两种实体加载方式演示案例。
Cesium实战记录（七）添加arcgis 矢量服务后二维变三维
往事随风的博客
08-23 1987
Cesium实战记录（七）添加arcgis 矢量服务后二维变三维，图标标签立体化重新渲染
cesium实时轨迹、自动变向
08-01
Cesium实时轨迹、点击运动、插值坐标、轨迹回放。
Cesium中实现体渲染
weixin_43481439的博客
08-24 3151
本次目的是在Cesium中复现threejs的两个体渲染示例
cesium冷知识——源码无法更新
wzwxwc1987的专栏
09-29 288
cesium源码无法更新的解决方案
Cesium Scene渲染（1）：渲染调度
zhangiser的专栏
02-14 1254
要完全搞清楚Cesium的Scene渲染队列，首先，我们要找到Cesium的渲染入口。和所有的WebGL动画一样，Cesium也是用 requestAnimationFrame来实现动画的。requestAnimationFrame是什么，网上有很多资料，可以去查。requestAnimationFrame能保证回调函数在屏幕每一次的绘制间隔中只被执行一次，这样就不会引起丢帧现象，也不会导致动画出现卡顿的问题。Cesium整个渲染的入口在CesiumWidget类中。该函数一旦启动就永不停息
vue+cesium加载3dtiles模型内存消耗很大
qq_43474235的博客
09-03 1121
关于通过谷歌浏览器通过Cesium底层添加实景三维都会存在，谷歌浏览器内存回收机制，这个问题官方一直没有解决了。我可以根据一些参数进行调整一下，我这套方案，本人亲测有效，加载模型速度快，而且当你相机视角达到某个高度的时候或者移走的时候，他会自动回收，一点不占内存。
Cesium结合Canvas画布创建billboard实体
09-16
使用了Cesium，并且有Canvas画布生成图片，用于billboard实体，详细请查看博客：https://blog.csdn.net/qq_35984445/article/details/132920793
Mapbox GL JS 根据指定的点在地图上标记一个指定半径（KM）的圆形区域
qq_32565543的博客
10-30 4277
需求描述： 小明在使用mapbox-gl进行开发时，需要实现用户指定地图上的一个点，然后根据这个点，突出显示以其为中心的一定半径的圆形区域。半径可以为小明指定的千米数。 具体实现点击产生点的功能就不描述了，这里主要描述产生圆形区域的方法。 1. 构造函数：输入中心点经纬度，和半径大小（KM），以及点数。 var createGeoJSONCircle = function(center, rad...
cesium 如何使实体平滑更新位置
popstarqq的博客
06-23 6873
如果需要不断更新实体位置，实现平滑过渡的效果可以借鉴该方式，两种方式实现，一是直接赋值新坐标位置，但有时会出现闪烁情况；这里推荐第二种，通过回调函数的方式更新位置 1 直接赋值方式 直接赋值方式,cesium绘制原理使首先移除，然后在新位置渲染一个一次进行 效果如下 可以看到明显缺点:会有闪烁；表现为无有无有....，如果轮询间隔短，甚至出现消失的效果 import { Viewer, Cartesian3, Color, PolygonHierarchy,...
Ceisum实时获取后台数据 实时更新实体位置信息且实现实体转向功能
yangwq的博客
06-12 3978
用定时器模拟实时获取后台数据 当取到数据后实体同时移动到目标位置 这种方式不再与Cesium时间关联 实现效果：每秒新增一个坐标；每秒实体运动到相应正确位置且实现实体转向功能 PS：该方法实体经纬度超过正负180，90时需进行坐标计算转为正负180,90范围内的坐标后实体转向才正常；本文未进行处理 var viewer = new Cesium.Viewer('cesiumContainer', { infoBox : false, selectionIndicator : fal.
cesium实时更新数据实现实体运功
yangwq的博客
02-05 7106
var viewer = new Cesium.Viewer('cesiumContainer', { infoBox : false, selectionIndicator : false, shadows : true, shouldAnimate : true }); var czml = [{ "id": "document", "n...
Ceisum实时获取后台数据 实时更新实体位置信息
m0_70646989的博客
05-11 1745
var viewer = new Cesium.Viewer(‘cesiumContainer’, { infoBox : false, selectionIndicator : false, shadows : true, shouldAnimate : true }); var positions = []; var poly = undefined; var entityArr=[]; var PolyLinePrimitive = (function(){ function _(positions)
Cesium 接受websocket数据，并实时展示姿态（无人机监测系统）
资深三维GIS开发
08-14 5220
最近做了个websocket的数据实时更新项目，通过接受websocket的数据，来实时更新无人机的位置以及姿态。 其中前端的ui用的是layui。 以下是部分效果图： 1、数据推送 2、数据连接： 3、无人机姿态展示： 以上即为一个完整的过程，从数据的发送--接受--实时动态展示。 以下说下代码和部分原理： websocket的连接： 这部分就不说了，就是简单的数据推送的过程。 下面说下三维的原理： data为每次推送过来的数据数组，我会遍历这个数据。 根据..
cesium实时捕获entity实体移动的坐标
zhu_zhu_xia的博客
10-19 3615
viewer.clock.onTick.addEventListener(function(clock){ varcurtime= viewer.clock.currentTime; //笛卡尔坐标 varpos=entity._position.getValue(curtime,null); varcartographic=Cesium.Ellipsoid.WGS84.cartesianToCart...
如何解决cesium实体内外颜色不一致问题
06-08
在Cesium中，实体的内部和外部颜色由材质（Material）控制。如果你发现实体内外颜色不一致，可以尝试使用以下方法来解决： 1.使用双面材质 Cesium中的实体默认使用单面材质，即只渲染实体的外表面。如果你想要同时渲染内部和外部，可以使用双面材质。具体实现方法如下： ``` var entity = viewer.entities.add({ name: 'Box', position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), box : { dimensions : new Cesium.Cartesian3(400000.0, 300000.0, 500000.0), material : new Cesium.Material({ fabric : { type : 'Color', uniforms : { color : Cesium.Color.RED } } }), // 使用双面材质 perPositionHeight: true, faceForward: false, backFaceCulling: false } }); ``` 其中，perPositionHeight为true表示使用每个位置的高度值，faceForward为false表示不反转法线方向，backFaceCulling为false表示不剔除背面。 2.使用ColorBlendMode属性 Cesium中的Material有一个ColorBlendMode属性，可以用来控制内部和外部颜色的混合方式。默认情况下，ColorBlendMode为HIGHLIGHT，即使用高亮颜色混合内部和外部颜色。你可以将ColorBlendMode设置为MIX，然后调整内部和外部颜色的透明度来实现颜色一致的效果。具体实现方法如下： ``` var entity = viewer.entities.add({ name: 'Box', position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), box : { dimensions : new Cesium.Cartesian3(400000.0, 300000.0, 500000.0), material : new Cesium.Material({ fabric : { type : 'Color', uniforms : { color : Cesium.Color.RED.withAlpha(0.5) } } }), // 设置ColorBlendMode为MIX colorBlendMode: Cesium.ColorBlendMode.MIX, colorBlendAmount: 0.5 } }); ``` 其中，colorBlendAmount为0.5表示内部和外部颜色的透明度相同。你可以根据需要调整它们的值。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值