Question

自己封了一个弹窗

<div class="label-bubble" id="label-bubble" v-show="labelPopShow">
    <el-table :data="objData" style="width: 100%">
      <el-table-column prop="name" label="名称" width="180"></el-table-column>
      <el-table-column prop="des" label="描述" width="180"></el-table-column>
    </el-table>
  </div>

参考示例代码http://supermap.com:8090/webgl/examples/editor.html#individualInformation

但是这个弹窗一直不可见 不知道为何 属性 visibility: hidden;无法修改

Answer 1

解决方式：在最外层的div给一个visibility: visible !important;的属性，这样程序自动刷新的visibility: hidden;就会无效

另外弹窗的位置变化需要监听Viewer.scene.camera.moveEnd方法，让每次相机视角移动后都重新计算点击实体的位置信息，通过Viewer.selectedEntity获取到当前的选中的实体，用Cesium.SceneTransforms.wgs84ToWindowCoordinates方法将坐标转换为屏幕坐标

Answer 2

看看是不是css中做了限制或者什么。我这边用div封了一个bubble没有重现。

Comments

在dom的style中的visibility会一直刷新成hidden

---

这个可以参考下webgl自带的转圈圈（即加载时的等待效果），那个只要不remove掉，就不会隐藏的。