import * as mars3d from "mars3d"

export let map // mars3d.Map三维地图对象
let roamLine
const roamLineData = {}

// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
export const mapOptions = {
  scene: {
    center: { lat: 30.859616, lng: 116.296235, alt: 445, heading: 258, pitch: -29 }
  },
  control: {
    clockAnimate: true, // 时钟动画控制(左下角)
    timeline: true, // 是否显示时间线控件
    compass: { bottom: "380px", left: "5px" }
  }
}

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

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

  globalNotify("已知问题提示", `不支持对地形的求交，目前仅对椭球体做投射。 `)

  addGraphicLayer()
}

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

function addGraphicLayer() {
  // 创建矢量数据图层
  const graphicLayer = new mars3d.layer.GraphicLayer()
  map.addLayer(graphicLayer)

  // 该数据可以从 基础项目 飞行漫游功能界面操作后保存JSON
  const flydata = {
    name: "飞机航线",
    speed: 100,
    showStop: true,
    startTime: "2017-08-25 09:00:00",
    positions: [
      [116.295754, 30.859525, 418.5],
      [116.295699, 30.859754, 419.1],
      [116.295759, 30.860242, 422.2],
      [116.296109, 30.861108, 425.6],
      [116.296669, 30.862062, 428.8],
      [116.297105, 30.862978, 431.7],
      [116.297429, 30.863782, 432.2],
      [116.297829, 30.864648, 432.6],
      [116.298229, 30.865548, 432.7],
      [116.298639, 30.86646, 433.2],
      [116.299029, 30.867376, 433.8],
      [116.299369, 30.868276, 434.9],
      [116.299615, 30.869388, 438.5],
      [116.300039, 30.870338, 442.5],
      [116.300469, 30.871318, 445.5],
      [116.300904, 30.872262, 449.4],
      [116.301324, 30.873121, 454.2],
      [116.301599, 30.873975, 458.7],
      [116.301689, 30.875131, 463.9],
      [116.301579, 30.876368, 468.8],
      [116.301229, 30.877428, 473.7],
      [116.300774, 30.878442, 479.1],
      [116.300239, 30.879461, 486.1],
      [116.299729, 30.880532, 493.5],
      [116.299264, 30.881518, 500.9],
      [116.298709, 30.882543, 510],
      [116.284909, 30.885183, 1133.1],
      [116.283389, 30.884496, 1137.1],
      [116.282189, 30.883573, 1144.7],
      [116.281149, 30.882568, 1156.7],
      [116.280359, 30.881538, 1169.8],
      [116.279799, 30.880498, 1181.2],
      [116.279349, 30.879354, 1193.9],
      [116.279239, 30.878175, 1204.7],
      [116.279199, 30.877008, 1217.5],
      [116.278985, 30.875825, 1219.3],
      [116.278719, 30.874704, 1229.2],
      [116.278504, 30.873662, 1244],
      [116.278319, 30.872651, 1259.5],
      [116.278159, 30.871621, 1276.4],
      [116.278009, 30.870608, 1288.9],
      [116.277859, 30.869592, 1299.4],
      [116.277719, 30.868562, 1307.6],
      [116.277579, 30.867551, 1318.2],
      [116.277479, 30.866533, 1324.5],
      [116.277375, 30.865503, 1333.4],
      [116.277249, 30.864495, 1342.3],
      [116.277109, 30.863481, 1348.5],
      [116.276925, 30.862451, 1355.5],
      [116.276689, 30.861432, 1362.3],
      [116.276329, 30.860395, 1369.9],
      [116.275779, 30.859358, 1377.1],
      [116.274999, 30.858373, 1386.1],
      [116.274169, 30.857366, 1395.2],
      [116.273239, 30.856492, 1402.7],
      [116.272034, 30.855893, 1407.4],
      [116.270639, 30.855432, 1415.9],
      [116.269143, 30.855142, 1422.6],
      [116.267639, 30.85497, 1429.6],
      [116.266053, 30.855134, 1434.4],
      [116.264344, 30.855382, 1437.1],
      [116.262739, 30.855813, 1434.6],
      [116.261124, 30.856393, 1432.8],
      [116.259589, 30.856968, 1434.4],
      [116.258065, 30.857548, 1436.9],
      [116.258949, 30.864934, 1272.7],
      [116.259889, 30.865938, 1266.5],
      [116.260995, 30.866778, 1262],
      [116.262219, 30.867478, 1257.4],
      [116.263369, 30.868178, 1259.1],
      [116.264535, 30.868852, 1259.3],
      [116.265729, 30.86955, 1257.7],
      [116.266959, 30.870248, 1253.8],
      [116.268204, 30.870984, 1248.4],
      [116.269429, 30.871701, 1242.8],
      [116.270623, 30.872398, 1241.4],
      [116.271799, 30.873088, 1241.6],
      [116.272973, 30.873792, 1240.8],
      [116.274099, 30.874505, 1240.5],
      [116.275159, 30.875291, 1238.8],
      [116.276079, 30.876208, 1236.6],
      [116.276833, 30.877313, 1232.6],
      [116.277469, 30.878473, 1230.4],
      [116.278023, 30.879636, 1227.8],
      [116.278519, 30.880798, 1225.7],
      [116.279009, 30.881963, 1223.5],
      [116.279519, 30.883118, 1223.2],
      [116.280029, 30.884288, 1223.1],
      [116.280589, 30.885453, 1222.1],
      [116.281199, 30.886541, 1222.2],
      [116.281959, 30.887563, 1221.3],
      [116.282883, 30.88852, 1221.2],
      [116.283883, 30.889444, 1221.5],
      [116.284949, 30.89026, 1221.2]
    ],
    model: {
      show: true,
      url: "//data.mars3d.cn/gltf/mars/MQ-9-Predator.glb",
      scale: 1,
      minimumPixelSize: 100
    },
    path: {
      show: true,
      color: "#ffff00",
      opacity: 0.5,
      width: 1,
      isAll: false
    },
    shadow: [
      {
        show: true,
        type: "wall",
        surface: true
      }
    ],
    camera: {
      type: "gs",
      heading: 30,
      radius: 500
    },
    // "clockLoop": true,      //是否循环播放
    clockRange: Cesium.ClockRange.CLAMPED // CLAMPED 到达终止时间后停止
  }

  roamLine = new mars3d.graphic.RoamLine(flydata)
  graphicLayer.addGraphic(roamLine)

  // 修改控件对应的时间
  map.clock.currentTime = roamLine.startTime
  if (map.controls.timeline) {
    map.controls.timeline.zoomTo(roamLine.startTime, roamLine.stopTime)
  }

  // 显示基本信息，名称、总长、总时间
  roamLineData.td_alltimes = mars3d.Util.formatTime(roamLine.alltimes)
  roamLineData.td_alllength = mars3d.MeasureUtil.formatDistance(roamLine.alllen)

  eventTarget.fire("loadRoamLine", { roamLine })

  roamLine.on(mars3d.EventType.change, (event) => {
    // 面板显示相关信息
    showRealTimeInfo(event, roamLine.alltimes)
    // 漫游组件
    eventTarget.fire("roamLineChange", roamLineData)
  })
}

// 显示实时坐标和时间
function showRealTimeInfo(params, _alltime) {
  if (params == null) {
    return
  }

  let val = Math.ceil((params.time * 100) / _alltime)
  if (val < 1) {
    val = 1
  }
  if (val > 100) {
    val = 100
  }

  roamLineData.percent = val

  roamLineData.td_jd = params.lng
  roamLineData.td_wd = params.lat
  roamLineData.td_gd = mars3d.MeasureUtil.formatDistance(params.alt)

  roamLineData.td_times = mars3d.Util.formatTime(params.time)
  roamLineData.td_length = mars3d.MeasureUtil.formatDistance(params.len)

  if (params.hbgd) {
    roamLineData.td_dmhb = mars3d.MeasureUtil.formatDistance(params.hbgd)
  } else {
    roamLineData.td_dmhb = "未知"
  }

  if (params.ldgd) {
    roamLineData.td_ldgd = mars3d.MeasureUtil.formatDistance(params.ldgd)
  } else {
    roamLineData.td_ldgd = "未知"
  }
}

export function updateModel(isAuto, val) {
  const pitch = val.slidePitchStep
  const roll = val.slideRollStep

  roamLine.updateAngle(isAuto, {
    pitch: pitch,
    roll: roll
  })
}

// 改变视角模式
export function updateCameraSetting(data) {
  const cameraType = data.select
  const followedX = data.followedX
  const followedZ = data.followedZ
  const offsetZ = data.offsetZ
  const offsetY = data.offsetY
  const offsetX = data.offsetX

  roamLine.setCameraOptions({
    type: cameraType,
    radius: cameraType === "gs" ? followedX : 0,
    followedX: followedX,
    followedZ: followedZ,
    offsetZ: offsetZ,
    offsetY: offsetY,
    offsetX: offsetX
  })
}

// 开始漫游
export function startRoamLine() {
  roamLine.start()
}

// 停止漫游
export function stopRoamLine() {
  roamLine.pause()
}

/**
 * 点击暂停触发的函数
 *
 * @export
 * @return {string} 返回状态
 */
export function pauseRoamLine() {
  if (roamLine.isPause) {
    roamLine.proceed() // 继续
    return "pause"
  } else {
    roamLine.pause() // 暂停
    return "proceed"
  }
}