webgl点击实体弹窗

0 投票

自己封了一个弹窗

<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;无法修改

12月 4, 2018 分类:  347次浏览 | 用户: alanwhy 学富五车 (532 分)

2 个回答

0 投票
 
已采纳
解决方式:在最外层的div给一个visibility: visible !important;的属性,这样程序自动刷新的visibility: hidden;就会无效

另外弹窗的位置变化需要监听Viewer.scene.camera.moveEnd方法,让每次相机视角移动后都重新计算点击实体的位置信息,通过Viewer.selectedEntity获取到当前的选中的实体,用Cesium.SceneTransforms.wgs84ToWindowCoordinates方法将坐标转换为屏幕坐标
12月 5, 2018 用户: alanwhy 学富五车 (532 分)
0 投票
看看是不是css中做了限制或者什么。我这边用div封了一个bubble没有重现。
12月 4, 2018 用户: 张阳名 登峰造极 (5,392 分)
在dom的style中的visibility会一直刷新成hidden
这个可以参考下webgl自带的转圈圈(即加载时的等待效果),那个只要不remove掉,就不会隐藏的。
...