import * as mars3d from "mars3d"

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

export const mapOptions = {
  scene: {
    center: { lat: 31.840106, lng: 117.216768, alt: 554, heading: 0, pitch: -59 },
    globe: {
      depthTestAgainstTerrain: true
    }
  }
}

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

  addLayer()
}

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

function addLayer() {
  underground = new mars3d.thing.Underground({
    alpha: 0.5
  })
  map.addThing(underground)

  /* // 地下颜色的个性化处理
  underground.color = Cesium.Color.BLACK
  underground.colorAlphaByDistance = new Cesium.NearFarScalar(1000.0, 0.0, 1000000.0, 1.0) */

  // 加个模型
  const tiles3dLayer = new mars3d.layer.TilesetLayer({
    name: "地下管网",
    url: "//data.mars3d.cn/3dtiles/max-piping/tileset.json",
    position: { lng: 117.215457, lat: 31.843363, alt: -3.6 },
    rotation: { z: 336.7 },
    maximumScreenSpaceError: 2,
    maximumMemoryUsage: 1024,
    highlight: { type: "click", color: "#00FFFF" },
    popup: "all",
    center: { lat: 31.838081, lng: 117.216584, alt: 406, heading: 1, pitch: -34 }
  })
  map.addLayer(tiles3dLayer)

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

  // 黄色盒子
  const graphic = new mars3d.graphic.BoxEntity({
    position: [117.218633, 31.843935, 41.43],
    style: {
      dimensions: new Cesium.Cartesian3(40.0, 30.0, 50.0),
      fill: true,
      color: "#ffff00",
      opacity: 1
    }
  })
  graphicLayer.addGraphic(graphic)

  // 创建gltf模型
  const graphicModel = new mars3d.graphic.ModelEntity({
    position: [117.214494, 31.844015, 30],
    style: {
      url: "//data.mars3d.cn/gltf/mars/firedrill/xiaofangche2.gltf",
      scale: 7,
      minimumPixelSize: 50
    }
  })
  graphicLayer.addGraphic(graphicModel)
}

// 俯视视角
export function centerAtDX1() {
  map.setCameraView({
    y: 31.840106,
    x: 117.216768,
    z: 554.36,
    heading: 0,
    pitch: -59.3,
    roll: 0
  })
}

// 地下视角1
export function centerAtDX2() {
  map.setCameraView({
    y: 31.841263,
    x: 117.21538,
    z: -13.35,
    heading: 40.6,
    pitch: 15.7,
    roll: 0.1
  })
}

// 地下视角2
export function centerAtDX3() {
  map.setCameraView({
    y: 31.838908,
    x: 117.217486,
    z: -63.75,
    heading: 349.2,
    pitch: 18.2,
    roll: 0
  })
}

// 透明度发生改变
export function opacityChange(value) {
  underground.alpha = value
}

// 复选框，是否开启地下模式
export function chkUnderground(value) {
  underground.enabled = value
}