cesium 隐藏entity_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改写的，加载数据路径可能不同)

动态气泡

对象属性

/**

* 动态添加气泡窗口

*/

function onload(Cesium) {

var viewer = new Cesium.Viewer('cesiumContainer', {

//infoBox: false, //点击要素之后显示的信息,默认true

});

var scene = viewer.scene;

var globe = viewer.scene.globe;

viewer.scene.undergroundMode = true; //设置开启地下场景

viewer.scene.screenSpaceCameraController.minimumZoomDistance = -1000;//设置相机最小缩放距离,距离地表-1000米

viewer.scene.terrainProvider.isCreateSkirt = false; // 关闭裙边

<