integrated_traffic_vue/src/components/map_tools/map.js

import { Loadglb } from "./loadglb.js";

const loadMap = 3;
let $entityTransparent = [];
const clickModel = new Map();

let enclosure = null;
export const initMap = (corp) => {
  window.$scene = new window.CustomCesium.Scene(
    "map",
    corp.CORP_NAME,
    Number(loadMap)
  );
  window.$icy = window.$scene.getIcy();
  window.$carmer = new window.CustomCesium.Carmer(window.$icy);
  window.$icy.viewer.targetFrameRate = "30";
  window.$icy.viewer.scene.light = new window.Cesium.DirectionalLight({
    // 去除时间原因影响模型颜色
    direction: new window.Cesium.Cartesian3(
      0.35492591601301104,
      -0.8909182691839401,
      -0.2833588392420772
    ),
  });
  const [wgsLat, wgsLon] = bd09ToWgs84(corp.LATITUDE, corp.LONGITUDE);
  console.log(corp.LATITUDE, corp.LONGITUDE);
  flyTo(wgsLon, wgsLat);
  // 亮度设置
  const stages = window.$icy.viewer.scene.postProcessStages;
  window.$icy.viewer.scene.brightness =
    window.$icy.viewer.scene.brightness ||
    stages.add(window.Cesium.PostProcessStageLibrary.createBrightnessStage());
  window.$icy.viewer.scene.brightness.enabled = true;
  window.$icy.viewer.scene.brightness.uniforms.brightness = Number(1.05); // 此处亮度值为倍数
  createGlb(); // 加载glb
};

const bd09ToWgs84 = (bdLat, bdLon) => {
  const pi = Math.PI;
  const x_pi = (pi * 3000.0) / 180.0;
  const x = bdLon - 0.0065;
  const y = bdLat - 0.006;
  const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
  const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
  const wgsLon = z * Math.cos(theta);
  const wgsLat = z * Math.sin(theta);
  return [wgsLat, wgsLon];
};

// eslint-disable-next-line no-unused-vars
const flyTo = (lng, lat) => {
  window.$carmer.flyTo({
    // 视角飞入
    maxHeight: 1500,
    time: 1,
    position: [lng, lat, 200],
    angle: [0, -60, 0],
  });
};

const createGlb = () => {
  // 加载glb（建筑模型）
  const loadGlb = new Loadglb(window.$icy);
  loadGlb.model(window.CustomCesium.Model);
};

// eslint-disable-next-line no-unused-vars
export const handleMouseClick = (model_id) => {
  // 加载鼠标拾取
  const $mouse = new window.CustomCesium.Mouse(window.$icy);
  // 隐藏逻辑
  $mouse.mouseLeft((model) => {
    if (model._name === "建筑") {
      model_id.value = model._id;
      console.log(model_id);
      clickBuilding(model);
    }
  });
};

const clickBuilding = (model) => {
  if (
    Loadglb.modelMap[
      `${model._id.split("-")[3].slice(0, model._id.split("-")[3].length - 2)}`
    ]
  ) {
    if (
      clickModel.get(
        `${model._id
          .split("-")[3]
          .slice(0, model._id.split("-")[3].length - 2)}`
      ) === undefined
    ) {
      // 如果这个模型是第一次点击
      const m =
        Loadglb.modelMap[
          `${model._id
            .split("-")[3]
            .slice(0, model._id.split("-")[3].length - 2)}`
        ]; // 整栋楼的id集合
      // console.log(m, '整栋楼id');
      if (m.length > 1) {
        // 当前点击这建筑是否有多层
        m.forEach((id) => {
          const entity = window.$icy.viewer.entities.getById(id);
          if (model.id !== id) {
            // 排除当前点击楼层
            if (entity._icy.height > model._icy.height) {
              if (
                $entityTransparent.map((a) => a._id).indexOf(entity._id) === -1
              ) {
                $entityTransparent.push(entity);
              }
              // console.log(this.$entityTransparent, '被隐藏的模型楼层集合');
              entity.model.show = false;
            }
          } else {
            clickModel.set(
              `${model._id
                .split("-")[3]
                .slice(0, model._id.split("-")[3].length - 2)}`,
              model._icy.height
            ); // 存储这个模型数据
          }
        });
      }
    } else {
      // 如果点击过这个模型
      const m =
        Loadglb.modelMap[
          `${model._id
            .split("-")[3]
            .slice(0, model._id.split("-")[3].length - 2)}`
        ]; // 整栋楼的id集合
      // console.log(m, '整栋楼id');
      if (m.length > 1) {
        // 当前点击这建筑是否有多层
        if (
          model._icy.height ===
          clickModel.get(
            `${model._id
              .split("-")[3]
              .slice(0, model._id.split("-")[3].length - 2)}`
          )
        ) {
          m.forEach((id) => {
            const entity = window.$icy.viewer.entities.getById(id);
            entity.model.show = true;
            clickModel.delete(
              `${model._id
                .split("-")[3]
                .slice(0, model._id.split("-")[3].length - 2)}`
            );
          });
        } else {
          m.forEach((id) => {
            const entity = window.$icy.viewer.entities.getById(id);
            if (model.id !== id) {
              // 排除当前点击楼层
              if (entity._icy.height > model._icy.height) {
                if (
                  $entityTransparent.map((a) => a._id).indexOf(entity._id) ===
                  -1
                ) {
                  $entityTransparent.push(entity);
                }
                // console.log(this.$entityTransparent, '被隐藏的模型楼层集合');
                entity.model.show = false;
              }
            } else {
              clickModel.set(
                `${model._id
                  .split("-")[3]
                  .slice(0, model._id.split("-")[3].length - 2)}`,
                model._icy.height
              ); // 存储这个模型数据
            }
          });
        }
      }
    }
    // model.model.color = new Cesium.Color(1, 1, 1, 0.6);
  }
};

// 还原建筑物
export const reduction = () => {
  // 揭盖一键还原
  if ($entityTransparent.length !== 0) {
    $entityTransparent = $entityTransparent.forEach((item) => {
      item.model.color = new window.Cesium.Color(1, 1, 1, 1);
      item.model.show = true;
    });
    $entityTransparent = [];
  }
};

export const handleEnclosure = (positions) => {
  const $mouse = new window.CustomCesium.Mouse(window.$icy);
  enclosure = new window.CustomCesium.Enclosure(window.$icy);
  // 编辑围栏使用鼠标控件参照demo.html
  enclosure.start();
  $mouse.mouseRight((e) => {
    enclosure.add(e.lng, e.lat, e.alt);
    positions.push([e.lng, e.lat, e.alt]);
  });
};

export const clearEnclosure = () => {
  if (enclosure) {
    try {
      enclosure.show(false);
    } catch (e) {}
    enclosure.clear();
    enclosure = new window.CustomCesium.Enclosure(window.$icy);
    enclosure.start();
  }
};

export const showEnclosure = (positions) => {
  enclosure.finish();
  enclosure.showDataSource(
    positions, // 数据
    30, // 高度
    "yellow" // 颜色默认黄色
  );
  enclosure.show(true);
};