首页 / 浏览问题 / 三维GIS / 问题详情
webgl点击实体弹窗
545EXP 2018年12月04日

自己封了一个弹窗

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

2 个回答

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

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