import * as mars3d from "mars3d"

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

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

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

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

  globalNotify("已知问题提示", `因为使用clippingPlanes接口，绘制多边形时，部分围合角度时会存在效果不对`)
}

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

export function addLayer(height) {
  // 管网模型图层
  const tilesetLayer = 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.840525, lng: 117.217024, alt: 495.12, heading: 0, pitch: -59.3, roll: 0 }
  })
  map.addLayer(tilesetLayer)

  terrainPlanClip = new mars3d.thing.TerrainPlanClip({
    positions: [
      [117.214491, 31.841736, 42.83],
      [117.21764, 31.841736, 42.83],
      [117.21764, 31.843807, 42.83],
      [117.214491, 31.843807, 42.83]
    ],
    diffHeight: height, // 井的深度
    image: "img/textures/poly-stone.jpg", // 边界墙材质
    imageBottom: "img/textures/poly-soil.jpg", // 底部区域材质
    splitNum: 50 // 井边界插值数
  })
  map.addThing(terrainPlanClip)
}

// 是否挖地
export function chkClippingPlanes(val) {
  terrainPlanClip.enabled = val
}

// 是否外切割
export function chkUnionClippingRegions(val) {
  terrainPlanClip.clipOutSide = val
}

// 是否深度检测
export function chkTestTerrain(val) {
  map.scene.globe.depthTestAgainstTerrain = val
}

// 改变切割的深度
export function changeClipHeight(val) {
  terrainPlanClip.diffHeight = val
}

// 添加矩形
export function btnDrawExtent() {
  terrainPlanClip.clear() // 清除挖地区域

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

      console.log("绘制坐标为", JSON.stringify(mars3d.PointTrans.cartesians2lonlats(positions))) // 方便测试拷贝坐标

      // 挖地区域
      terrainPlanClip.positions = positions
    }
  })
}

// 添加多边形
export function btnDraw() {
  terrainPlanClip.clear() // 清除挖地区域

  map.graphicLayer.startDraw({
    type: "polygon",
    style: {
      color: "#007be6",
      opacity: 0.5
    },
    success: function (graphic) {
      // 绘制成功后回调
      const positions = graphic.positionsShow
      map.graphicLayer.clear()

      console.log("绘制坐标为", JSON.stringify(mars3d.PointTrans.cartesians2lonlats(positions))) // 方便测试拷贝坐标

      // 挖地区域
      terrainPlanClip.positions = positions
    }
  })
}
// 清除
export function removeAll() {
  terrainPlanClip.clear() // 清除挖地区域
}