import * as mars3d from "mars3d"

export let map // mars3d.Map三维地图对象
let floodByMaterial

export const mapOptions = {
  scene: {
    showSun: false,
    showMoon: false,
    showSkyBox: false,
    showSkyAtmosphere: false,
    fog: false,
    globe: {
      showGroundAtmosphere: false,
      enableLighting: false
    }
  }
}

export const eventTarget = new mars3d.BaseClass() // 事件对象，用于抛出事件到面板中

/**
 * 初始化地图业务，生命周期钩子函数（必须）
 * 框架在地图初始化完成后自动调用该函数
 * @param {mars3d.Map} mapInstance 地图对象
 * @returns {void} 无
 */
export function onMounted(mapInstance) {
  map = mapInstance // 记录map

  // 基于地球材质，可以多个区域
  floodByMaterial = new mars3d.thing.FloodByMaterial({
    color: new Cesium.Color(0.6, 0.7, 0.95, 0.5) // 淹没颜色
  })
  map.addThing(floodByMaterial)

  floodByMaterial.on(mars3d.EventType.start, function (e) {
    console.log("开始分析", e)
  })

  floodByMaterial.on(mars3d.EventType.change, function (e) {
    const height = e.height
    eventTarget.fire("heightChange", { height })
  })

  floodByMaterial.on(mars3d.EventType.end, function (e) {
    console.log("结束分析", e)
  })
}

/**
 * 释放当前地图业务的生命周期函数
 * @returns {void} 无
 */
export function onUnmounted() {
  map = null
}

// 绘制矩形
export function btnDrawExtent(callback) {
  clearDraw()

  map.graphicLayer.startDraw({
    type: "rectangle",
    style: {
      color: "#007be6",
      opacity: 0.8,
      outline: false
    },
    success: function (graphic) {
      // 绘制成功后回调
      const positions = graphic.getOutlinePositions(false)

      // 更新最大、最小高度值
      updateHeightRange(positions, callback)

      // 区域
      floodByMaterial.addArea(positions)
    }
  })
}

// 绘制多边形
export function btnDraw(callback) {
  clearDraw()

  map.graphicLayer.startDraw({
    type: "polygon",
    style: {
      color: "#007be6",
      opacity: 0.5,
      outline: false
    },
    success: function (graphic) {
      const positions = graphic.positionsShow

      // 更新最大、最小高度值
      updateHeightRange(positions, callback)
      floodByMaterial.addArea(positions)
    }
  })
}

// 求最大、最小高度值
function updateHeightRange(positions, callback) {
  showLoading()

  const result = mars3d.PolyUtil.getHeightRange(positions, map.scene)
  const minHeight = Math.ceil(result.minHeight)
  const maxHeight = Math.floor(result.maxHeight)

  callback(minHeight, maxHeight)
  hideLoading()
}

// 开始分析
export function begin(data) {
  if (floodByMaterial.length === 0) {
    globalMsg("请首先绘制分析区域！")
    return
  }
  map.graphicLayer.clear()

  const minValue = Number(data.minHeight)
  const maxValue = Number(data.maxHeight)
  const speed = Number(data.speed)

  floodByMaterial.setOptions({
    minHeight: minValue,
    maxHeight: maxValue,
    speed: speed
  })
  floodByMaterial.start()
}

// 高度选择
export function onChangeHeight(height) {
  floodByMaterial.height = height
}

// 自动播放
export function startPlay() {
  if (floodByMaterial.isStart) {
    floodByMaterial.stop()
  } else {
    floodByMaterial.start()
  }
}

// 是否显示非淹没区域
export function onChangeElse(val) {
  floodByMaterial.showElseArea = val
}

export function clearDraw() {
  floodByMaterial.clear()
  map.graphicLayer.clear()
}