Bootstrap

cesium功能封装之气泡弹窗

点击模型实时查询相关信息

系统里通常会有这样的功能:在模型加载完成后,点击视野内的某个建筑物(房屋、设备、管线等)会弹出对应的信息,即气泡功能,如下图所示。本文主要梳理该功能的实现过程,用的到不仅仅是cesium的功能,还有iclient单独封装的方法。在这里插入图片描述

  1. S3MTileslayer.setQueryParameter
    因为默认加载的图层是基于iServer发布的S3M图层,因此为实现模型加载后的实时查询,首先利用S3MTileslayer的setQueryParameter方法获取图层信息。关于该方法的优缺点
    var promise = scene.open(realspace_url);
    Cesium.when(promise, function (layers) {
   
      app.layers = layers;
      app.h337 = h337;
      if (!scene.pickPositionSupported) {
   
        alert('不支持深度拾取,属性查询功能无法使用!');
      }
    }, function (e) {
   
      if (widget._showRenderLoopErrors) {
    }
    
;