web_show_function_ui_mars3d/public/cesium_example/example/js/HuxingLayer.js

/**
 * 户型图 图层
 * @class HuxingLayer
 * @extends {mars3d.layer.GraphicLayer}
 */
class HuxingLayer extends mars3d.layer.GraphicLayer {
  /**
   * 对象添加到地图前创建一些对象的钩子方法，
   * 只会调用一次
   * @return {void}  无
   */
  _mountedHook() {}

  /**
   * 对象添加到地图上的创建钩子方法，
   * 每次add时都会调用
   * @return {void}  无
   */
  _addedHook() {
    super._addedHook();
    this.load();

    this.on(mars3d.EventType.click, this._graphic_clickHandler, this);
    this._map.on(mars3d.EventType.clickMap, this._map_clickHandler, this);

    this.on(mars3d.EventType.mouseOver, this._graphic_mouseOverHandler, this);
    this.on(mars3d.EventType.mouseOut, this._graphic_mouseOutHandler, this);
  }

  /**
   * 对象从地图上移除的创建钩子方法，
   * 每次remove时都会调用
   * @return {void}  无
   */
  _removedHook() {
    super._removedHook();

    this.off(mars3d.EventType.click, this._graphic_clickHandler, this);
    this._map.off(mars3d.EventType.clickMap, this._map_clickHandler, this);

    this.off(mars3d.EventType.mouseOver, this._graphic_mouseOverHandler, this);
    this.off(mars3d.EventType.mouseOut, this._graphic_mouseOutHandler, this);
  }

  //加载数据
  load(newOptions = {}) {
    this.options = {
      ...this.options,
      ...newOptions,
    };

    if (this.options.url) {
      Cesium.Resource.fetchJson(this.options)
        .then((data) => {
          if (this._state == mars3d.State.REMOVED) {
            return;
          }
          this._load_data(data);
        })
        .otherwise(function (error) {
          this.showError("服务出错", error);
        });
    } else if (this.options.data) {
      this._load_data(this.options.data);
    } else {
      console.warn("HuxinLayer：没有传入 url 或 data 参数,请确认是否有误。");
    }
  }

  _load_data(geojson) {
    this.clear();

    this._cache_huxin = {};

    let arr = mars3d.Util.geoJsonToGraphics(geojson); //解析geojson
    for (let i = 0; i < arr.length; i++) {
      this.addHuxing(arr[i].positions, arr[i].attr);
    }

    if (this.options.flyTo) {
      this.flyTo({ scale: 2 });
    }

    this.fire(mars3d.EventType.load);
  }

  addHuxing(positions, attr) {
    if (!positions || positions.length == 0) {
      return;
    }

    var flrH = attr.floorh || 0; //底面高度
    var lyrH = attr.layerh || 0; //楼层高度

    var primitiveBian = new mars3d.graphic.CorridorPrimitive({
      positions: positions,
      style: {
        height: flrH,
        diffHeight: lyrH,
        width: 0.2,
        cornerType: Cesium.CornerType.MITERED,
        color: "rgb(245,255,250)",
      },
      attr: attr,
    });
    this.addGraphic(primitiveBian);

    var primitiveDi = new mars3d.graphic.PolygonEntity({
      positions: positions,
      style: {
        height: flrH,
        diffHeight: 0.1,
        color: "rgb(211,211,211)",
        outline: true,
        outlineWidth: 1,
        outlineColor: "#778899",
      },
      attr: attr,
    });
    this.addGraphic(primitiveDi);

    //记录到缓存中
    var loudongHao = attr.LDH; //楼栋号
    var cengHao = attr.CH; //层号

    this._cache_huxin[loudongHao] = this._cache_huxin[loudongHao] || {};
    this._cache_huxin[loudongHao][cengHao] = this._cache_huxin[loudongHao][cengHao] || [];

    this._cache_huxin[loudongHao][cengHao].push(primitiveBian);
    this._cache_huxin[loudongHao][cengHao].push(primitiveDi);
  }
  _graphic_clickHandler(event) {
    //将上次隐藏的层，恢复下
    this._map_clickHandler();

    var attr = event.graphic.attr;

    var loudongHao = attr.LDH; //楼栋号
    var cengHao = attr.CH; //层号

    let loudongGraphics = this._cache_huxin[loudongHao];
    Object.keys(loudongGraphics).forEach((ceng) => {
      let showHu = Number(ceng) <= cengHao; //大于本层的隐藏不显示。

      let cengGraphics = loudongGraphics[ceng];
      cengGraphics.forEach((huGraphic) => {
        huGraphic.show = showHu;
        if (!showHu) {
          this._lastHideGraphics.push(huGraphic);
        }
      });
    });
  }
  _map_clickHandler(event) {
    //将上次隐藏的层，恢复下
    if (this._lastHideGraphics) {
      this._lastHideGraphics.forEach((huGraphic) => {
        huGraphic.show = true;
      });
    }
    this._lastHideGraphics = [];
  }

  _graphic_mouseOverHandler(event) {
    var graphic = event.graphic;
    this.openSmallTooltip(event.windowPosition, graphic.attr.WZ);
  }
  _graphic_mouseOutHandler(event) {
    this.closeSmallTooltip();
  }
}