cesium中随entity动态变化的弹出框

原理介绍:
1.监听鼠标单击事件,获取点击屏幕位置e.position,综合弹出框宽高,动态设置弹出框位置。
  bubble.style.left = e.position.x-70+"px";             
  var divheight = bubble.offsetHeight;
  var divy = e.position.y - divheight -50;
2.添加entity的描述时,绑定弹出框table
3.监听帧渲染结束事件,获取实时位置,动态改变弹出框 viewer.scene.postRender.addEventListener(function (e) {});
添加的_cartesian转屏幕坐标,实时改变
_pm_position_2 = Cesium.SceneTransforms.wgs84ToWindowCoordinates(scene, _cartesian);

以下是代码:(基于supermap的demo改写的,加载数据路径可能不同)




    
    
    
    动态气泡
    
    
    
    
    
        


    

 

你可能感兴趣的:(Cesium,cesium,动态弹出框)