<template>
  <div class="player">
    <div id="player" style="display: none"></div>
  </div>
</template>

<script>
import CloudRenderer from '51superapi'
export default {
  name: 'Player',
  created () {
    this.$eventBus.$on('set51controlArr', (res) => {
      console.log('data', res)
      this.controlArray = res
    })

    if (this.$store.state.playerKey === 2) {
      this.pan = 'C'
    }
    this.home_db = {
      name: 'homedb',
      tifId: 200,
      id: 'home_db',
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.455956,29.246544', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: false, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,1500', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/home/dam_blue_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/home/dam_blue_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['大坝运行', 'FFFFFFFF', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/home/dam.html`,
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '191,157', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    this.home_sz = {
      id: 'home_sz',
      name: 'homesz',
      tifId: 201,
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.458679,29.246361', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: false, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,1500', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/home/safety_blue_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/home/safety_blue_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['水质安全', 'FFFFFFFF', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/home/safety.html`,
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '191,107', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    this.home_sw = {
      id: 'home_sw',
      name: 'homesw',
      tifId: 202,
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.457542,29.247313', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: false, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,1500', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/home/water_blue_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/home/water_blue_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['库水位', 'ffffffff', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/home/water.html`,
        // url: 'https://hjsk.guangchuan.org/ueWater.html',
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '191,137', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    this.home_xh = {
      name: 'homexh',
      tifId: 203,
      id: 'home_xh',
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.457085,29.245102', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: false, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,1500', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/home/flow_blue_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/home/flow_blue_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['泄洪流量', 'FFFFFFFF', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/home/flow.html`,
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '191,197', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    this.yb_hj = {
      id: 'yb_hj',
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.461268,29.2429230', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: true, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,2000', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/dispatch/dispatch_green_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/dispatch/dispatch_green_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['横锦水库', 'ffffffff', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/dispatch/rain.html`,
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '401,272', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    this.yb_bd = {
      id: 'yb_bd',
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.510613,29.2029535', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: true, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,2000', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/dispatch/dispatch_green_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/dispatch/dispatch_green_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['八达', 'ffffffff', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/dispatch/rain.html`,
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '401,272', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    this.yb_sm = {
      id: 'yb_sm',
      coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
      cad_mapkey: '', // CAD基准点的Key值, 项目中约定
      coord: '120.493956,29.1193840', // POI点的坐标 lng,lat
      coord_z: 0, // 高度(单位:米)
      coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
      always_show_label: true, // 是否永远显示label, true:显示label(默认), false:不显示label
      show_label_range: '0,2000', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
      sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
      // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
      animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
      duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
      state: 'state_1', // 与marker之中images中的define_state对应
      marker: {
        size: '60,160', // marker大小(宽,高 单位:像素)
        images: [
          {
            define_state: 'state_1', // marker图片组
            normal_url: `file:///${this.pan}:/hjsk/51_pages/images/dispatch/dispatch_green_icon.png`, // normal 图片url地址
            activate_url: `file:///${this.pan}:/hjsk/51_pages/images/dispatch/dispatch_green_icon.png` // hover, active 图片url地址
            // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
            // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          }
        ]
      },
      label: {
        bg_image_url: `file:///${this.pan}:/hjsk/51_pages/images/common/label_bg.png`,
        // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
        // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
        bg_size: '120,35', // label大小(宽, 高 单位:像素)
        bg_offset: '40,150', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        content: [
          {
            text: ['史姆', 'ffffffff', '16'], // [文本内容, HEXA颜色, 文本大小]
            text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
            text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
            scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
          }
        ]
      },
      window: {
        url: `file:///${this.pan}:/hjsk/51_pages/pages/dispatch/rain.html`,
        // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
        size: '401,272', // window大小(宽,高 单位:像素)
        offset: '40,160' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
      }
    }
    /// //
    this.threeSelect = [{
      name: '广川云渲染',
      // url: 'http://112.17.121.80:8889',
      url: 'https://51.guangchuan.org:8889',
      code: '88c65cCE'
    },
    {
      name: '政务云渲染',
      url: 'http://10.15.7.17:8889',
      code: '5924327C'
    },
    {
      name: '展示机渲染1',
      url: 'http://127.0.0.1:8889',
      // url: 'http://172.20.10.7:8889',
      code: '7841787a'
    }, {
      name: '展示机渲染2',
      url: 'http://127.0.0.1:8889',
      // url: 'http://172.20.10.7:8889',
      code: '3F3Fb440'
    }]
    this.orderID = this.threeSelect[this.$store.state.playerKey].code || '5924327C'
    console.log('查看orderID', this.orderID)
    this.$eventBus.$on('replay', (a) => {
      const str = a()
      if (str === '1') {
        const fa1 = {
          id: 'path_id',
          covering_type: 'path'
        } // 覆盖物id  //覆盖物类型, 详见下表
        this.cloudRender.SuperAPI('RemoveCovering', fa1, (status) => { console.log(status) }) // 成功、失败回调
      }
      console.log('str', str)
      this.resetDisaster()
      const romingData = {
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面; 1:相对3D世界地面; 2:相对3D世界海拔; 注:cad坐标无效)
        subsidiary_show: false, // 是否显示辅助线(true:显示; false:不显示)
        points: this.pointArray
      }
      this.cloudRender.SuperAPI('SetCameraRoamingPro', romingData)
      setTimeout(() => {
        // 5、溢洪道水流等级控制
        const jsondata3 = {
          level: 'level_1', // 等级控制 level_0， level_1， level_2， level_3，
          rate: '1' // 播放速率，默认10秒播放
        }
        this.cloudRender.SuperAPI('SetFlowLevel', jsondata3)
      }, 3000)
      setTimeout(() => {
        // 3、闸门控制
        for (let i = 1; i < 4; i++) {
          const jsondata1 = {
            type: 'default', // 控制类型: reset 重置，default 默认
            gate_index: i, // 闸门编号： 1，2，3
            rotation: '30', // 旋转角度
            rate: '2' // 旋转速率, 默认为10秒播放
          }
          this.cloudRender.SuperAPI('GateControl', jsondata1)
        }
      }, 1800)

      setTimeout(() => {
        // 4、闸门水流控制
        for (let i = 1; i < 4; i++) {
          const jsondata2 = {
            waterplane_index: i, // 闸门编号： 1，2，3
            rate: '1', // 播放速率，默认10秒播放
            is_blend: 'true', // 是否过渡显示
            action: 'show' // 显示 show,隐藏 hide
          }
          this.cloudRender.SuperAPI('FlowControl', jsondata2)
        }
      }, 300)

      setTimeout(() => {
        this.flowShowControl(str)
      }, 11000)

      // 如果current存在,那么新增点
      if (str) {
        this.addPOI()
      }
    })
    this.$eventBus.$on('addWL', (num) => {
      console.log(this.currentWaterLevel)
      this.currentWaterLevel += num
    })
    this.$eventBus.$on('clearTimer', () => {
      clearInterval(this.waterInterval)
    })
    // 退出预演还原所有
    this.$eventBus.$on('resetAll', () => {
      this.resetDisaster()
      this.gkCamera({
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.456215,29.246508', // 中心点的坐标 lng,lat
        arm_distance: 498.588898, // 镜头距中心点距离(单位:米)
        pitch: 22.959044, // 镜头俯仰角(5~89)
        yaw: 251.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      })
    })
    // 天气
    this.$eventBus.$on('rainWeather', () => {
      this.weather('HeavyRain')
    })
    // 选择台风后转换视角
    this.$eventBus.$on('taifeng', () => {
      this.gkCamera({
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.456902,29.24568', // 中心点的坐标 lng,lat
        arm_distance: 80.430496, // 镜头距中心点距离(单位:米)
        pitch: 16.322266, // 镜头俯仰角(5~89)
        yaw: 222.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      })
    })
    // 重置水位和天气
    this.$eventBus.$on('resetWL', () => {
      this.resetWaterLevel()
    })
    this.$eventBus.$on('stopWL', () => {
      this.closeWaterLevel()
    })
    this.$eventBus.$on('updateWL', () => {
      console.log('开始更新水位')
      this.upperWaterLevel()
    })
    this.$eventBus.$on('changeWaterType', (val) => {
      this.activeType = val
    })
    this.$eventBus.$on('activePointChange', (activePoint) => {
      console.log('拿到的表单', activePoint)
      console.log('拿到的表单2', this.activePointCopy)
      this.activePointCopy = activePoint
      this.cloudRender.SuperAPI('RemoveCovering', { id: [...this.areaArray, ...this.controlArray].map((a) => `${a.name || a.areaName}:${a.tifId}`), covering_type: 'poi' })
      this.addPOI()
    })
    this.$eventBus.$on('play51', (f) => {
      this.resetDisaster()
      this.activeGk = f
    })
    this.$eventBus.$on('stop51', () => {
      console.log('重置')
      // console.log('暂停播放')
      this.stopRoming()
      // console.log('重置')
      // this.resetDisaster()
    })
    this.$eventBus.$on('jixu51', () => {
      console.log('继续播放')
      this.continueRoming()
    })
    // 隐藏所有点
    this.$eventBus.$on('hidden', () => {
      this.hiddenAll()
      this.resetDisaster()
    })

    // 回到首页恢复首页的点
    this.$eventBus.$on('homeicon', () => {
      this.hiddenAll()
      this.addHomeDian()
      this.gkCamera({
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.456215,29.246508', // 中心点的坐标 lng,lat
        arm_distance: 498.588898, // 镜头距中心点距离(单位:米)
        pitch: 22.959044, // 镜头俯仰角(5~89)
        yaw: 251.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      })
    })

    this.$eventBus.$on('znybicon', () => {
      this.hiddenAll()
      // this.addFloodZNYBDian()
      this.gkCamera({
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.456215,29.246508', // 中心点的坐标 lng,lat
        arm_distance: 498.588898, // 镜头距中心点距离(单位:米)
        pitch: 22.959044, // 镜头俯仰角(5~89)
        yaw: 251.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      })
      // this.gkCamera()
    })
    this.$eventBus.$on('open', () => {
      this.open()
      // this.gkCamera()
    })
  },
  mounted () {
    this.initHome()
  },
  data () {
    return {
      pan: 'D',
      windowPath: '',
      threeSelect: [],
      dyjRiverPathData: {
        id: 'Path_id', // 路径id
        coord_type: 0, // 路径中坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面; 1:相对3D世界地面; 2:相对3D世界海拔; 注:cad坐标无效)
        type: 'arrow', // 路径样式类型: fit_solid(贴合地面), none, solid, arrow, arrow_dot, dashed_dot, arrow_dashed, flash, scan_line, brimless_arrow, railway, round_pipe, square_pipe, dashed_line
        color: '00FFFF', // 路径颜色(HEX颜色值, 空值即透明; railway类型无效, 默认黑白色)
        pass_color: '00FFFF', // 覆盖物移动经过路径颜色(HEX颜色值)
        width: 35, // 宽度(单位:米, 圆柱直径或方柱边长)
        points: [
          { coord: '120.4532470641,29.242686914', coord_z: 20 },
          { coord: '120.4532470641,29.242686914', coord_z: 20 },
          { coord: '120.4512330092,29.2430551216', coord_z: 20 },
          { coord: '120.4494544652,29.24396212', coord_z: 20 },
          { coord: '120.4475939851,29.2447326173', coord_z: 20 },
          { coord: '120.4459684254,29.2458434771', coord_z: 20 },
          { coord: '120.4450376256,29.2474526264', coord_z: 20 },
          { coord: '120.4448027417,29.2477731828', coord_z: 20 },
          { coord: '120.4443788408,29.2479200113', coord_z: 20 },
          { coord: '120.44354574,29.2482264428', coord_z: 20 },
          { coord: '120.4433072166,29.2483315706', coord_z: 20 },
          { coord: '120.4413272245,29.2488220443', coord_z: 20 },
          { coord: '120.4392882904,29.2490673806', coord_z: 20 },
          { coord: '120.4372366057,29.2492026375', coord_z: 20 },
          { coord: '120.4366058908,29.2492688043', coord_z: 20 },
          { coord: '120.4361279445,29.249436104', coord_z: 20 },
          { coord: '120.4355453519,29.2500495657', coord_z: 20 },
          { coord: '120.4345613863,29.2516338143', coord_z: 20 },
          { coord: '120.4337644889,29.2532973504', coord_z: 20 },
          { coord: '120.4337223475,29.2551013356', coord_z: 20 },
          { coord: '120.4339509322,29.2568942001', coord_z: 20 },
          { coord: '120.4340947459,29.2586941503', coord_z: 20 },
          { coord: '120.4340804619,29.260498469', coord_z: 20 },
          { coord: '120.4336351936,29.2622600804', coord_z: 20 },
          { coord: '120.4334221918,29.2640547491', coord_z: 20 },
          { coord: '120.4318776938,29.2652470696', coord_z: 20 },
          { coord: '120.4332762707,29.2665706466', coord_z: 20 },
          { coord: '120.4363246289,29.2689952491', coord_z: 20 },
          { coord: '120.4376687397,29.2703615595', coord_z: 20 },
          { coord: '120.4387192375,29.2719131226', coord_z: 20 },
          { coord: '120.440582127,29.2770739025', coord_z: 20 },
          { coord: '120.4410626651,29.2788290484', coord_z: 20 },
          { coord: '120.4410078648,29.2806327641', coord_z: 20 },
          { coord: '120.4403703037,29.2823483609', coord_z: 20 },
          { coord: '120.4378144851,29.2851772019', coord_z: 20 },
          { coord: '120.4343699927,29.2871531892', coord_z: 20 },
          { coord: '120.430620219,29.2886421466', coord_z: 20 },
          { coord: '120.4286044263,29.2890068344', coord_z: 20 },
          { coord: '120.4204353904,29.2899057513', coord_z: 20 },
          { coord: '120.4183886708,29.2897146702', coord_z: 20 },
          { coord: '120.4165157342,29.2889663716', coord_z: 20 },
          { coord: '120.4149930303,29.2877523505', coord_z: 20 },
          { coord: '120.4132350577,29.2868139256', coord_z: 20 },
          { coord: '120.4113434894,29.2861026596', coord_z: 20 },
          { coord: '120.409383529,29.2855554597', coord_z: 20 },
          { coord: '120.3980014367,29.2813559588', coord_z: 20 },
          { coord: '120.3921313602,29.2796776557', coord_z: 20 },
          { coord: '120.3880195861,29.2795105508', coord_z: 20 },
          { coord: '120.3859615688,29.2795261001', coord_z: 20 },
          { coord: '120.3839339196,29.2798353258', coord_z: 20 },
          { coord: '120.3803277011,29.2815752275', coord_z: 20 },
          { coord: '120.3784114171,29.2822335136', coord_z: 20 },
          { coord: '120.3763850768,29.2819175227', coord_z: 20 },
          { coord: '120.3746586586,29.2809352288', coord_z: 20 },
          { coord: '120.3727912474,29.2801766761', coord_z: 20 },
          { coord: '120.3708004348,29.2797190503', coord_z: 20 },
          { coord: '120.3687432264,29.2797721999', coord_z: 20 },
          { coord: '120.3673125338,29.2795696059', coord_z: 20 },
          { coord: '120.3667620795,29.2793300585', coord_z: 20 },
          { coord: '120.3649699379,29.2784429033', coord_z: 20 },
          { coord: '120.3629859844,29.2779630303', coord_z: 20 },
          { coord: '120.3609681082,29.2776081964', coord_z: 20 },
          { coord: '120.3568555431,29.2777582308', coord_z: 20 },
          { coord: '120.3547982776,29.2777079863', coord_z: 20 },
          { coord: '120.3528128654,29.2772328127', coord_z: 20 },
          { coord: '120.34911259,29.2756522286', coord_z: 20 },
          { coord: '120.3470830506,29.2759514062', coord_z: 20 },
          { coord: '120.3452707757,29.2768064809', coord_z: 20 },
          { coord: '120.3440159393,29.2782366598', coord_z: 20 },
          { coord: '120.3422998258,29.2792326852', coord_z: 20 },
          { coord: '120.3411195107,29.2807108435', coord_z: 20 },
          { coord: '120.3395800531,29.2819084318', coord_z: 20 },
          { coord: '120.337550361,29.2822074655', coord_z: 20 },
          { coord: '120.3355015252,29.2823790084', coord_z: 20 },
          { coord: '120.3334718113,29.2826779804', coord_z: 20 },
          { coord: '120.3298190176,29.2843417307', coord_z: 20 },
          { coord: '120.3278118378,29.2847410115', coord_z: 20 },
          { coord: '120.3236991333,29.2845878271', coord_z: 20 },
          { coord: '120.3217187559,29.2850793404', coord_z: 20 },
          { coord: '120.3203212119,29.2864039949', coord_z: 20 },
          { coord: '120.3180099695,29.2893902658', coord_z: 20 },
          { coord: '120.3168145763,29.2908591571', coord_z: 20 },
          { coord: '120.3152238361,29.2920042463', coord_z: 20 },
          { coord: '120.3134421717,29.2929078463', coord_z: 20 },
          { coord: '120.3114965666,29.2934968989', coord_z: 20 },
          { coord: '120.3094685787,29.2931879581', coord_z: 20 },
          { coord: '120.3037852591,29.2910710853', coord_z: 20 },
          { coord: '120.2998189305,29.2901047636', coord_z: 20 },
          { coord: '120.2867209356,29.2848427217', coord_z: 20 },
          { coord: '120.2787096964,29.283179556', coord_z: 20 },
          { coord: '120.2704821002,29.2829247158', coord_z: 20 },
          { coord: '120.2664180966,29.2823510291', coord_z: 20 },
          { coord: '120.2534144703,29.2769138453', coord_z: 20 },
          { coord: '120.2513975378,29.2765549286', coord_z: 20 },
          { coord: '120.2493652137,29.2768393791', coord_z: 20 },
          { coord: '120.2475982264,29.2777644953', coord_z: 20 },
          { coord: '120.2452873362,29.2807508848', coord_z: 20 },
          { coord: '120.2396877491,29.2830318017', coord_z: 20 },
          { coord: '120.2343605574,29.2885347537', coord_z: 20 },
          { coord: '120.2312172706,29.2908650825', coord_z: 20 },
          { coord: '120.229362445,29.2916474022', coord_z: 20 },
          { coord: '120.2274137013,29.2922283956', coord_z: 20 },
          { coord: '120.2174098504,29.294348166', coord_z: 20 },
          { coord: '120.2135393599,29.2955778241', coord_z: 20 },
          { coord: '120.2095024073,29.2962855437', coord_z: 20 },
          { coord: '120.2074442711,29.2963173324', coord_z: 20 },
          { coord: '120.2054223875,29.2959787271', coord_z: 20 },
          { coord: '120.2034038816,29.2963324796', coord_z: 20 },
          { coord: '120.1986728963,29.2998116749', coord_z: 20 },
          { coord: '120.1942976177,29.3036319694', coord_z: 20 },
          { coord: '120.1908512541,29.305606391', coord_z: 20 },
          { coord: '120.1889748877,29.3063487169', coord_z: 20 },
          { coord: '120.1870440867,29.3069747179', coord_z: 20 },
          { coord: '120.1850531779,29.3074338704', coord_z: 20 },
          { coord: '120.1809483537,29.3077153566', coord_z: 20 },
          { coord: '120.1768450298,29.307417537', coord_z: 20 },
          { coord: '120.1686500364,29.3081259589', coord_z: 20 },
          { coord: '120.1668007648,29.3089188858', coord_z: 20 },
          { coord: '120.1651189966,29.3099596196', coord_z: 20 },
          { coord: '120.1636653681,29.3112373704', coord_z: 20 },
          { coord: '120.1630116164,29.3119248904', coord_z: 20 }
        ]
      },
      waterInterval: '',
      currentWaterLevel: 130, // 130~174
      activePointCopy: {
        // 断点
        controlVisiable: true,
        // 村落
        villageVisiable: false
      },
      // 控制断面数组 controlArray
      controlArray: [
        {
          id: 1,
          name: '溢洪道末',
          lng: 120.4532471,
          lat: 29.24268691,
          ym: 0,
          tifId: 1
        },
        // {
        //   id: 2,
        //   name: '上陈堰上',
        //   lng: 120.4337646,
        //   lat: 29.25329774,
        //   ym: 1,
        //   tifId: 1
        // },
        {
          id: 3,
          name: '林头堰上',
          lng: 120.4336355,
          lat: 29.26226053,
          ym: 1,
          tifId: 1
        },
        // {
        //   id: 4,
        //   name: '官陂堰上',
        //   lng: 120.4409398,
        //   lat: 29.27837811,
        //   ym: 1,
        //   tifId: 4
        // },
        {
          id: 5,
          name: '伯丰堰上',
          lng: 120.432496,
          lat: 29.2878983,
          ym: 0,
          tifId: 11
        },
        // {
        //   id: 6,
        //   name: '长林堰上',
        //   lng: 120.4082672,
        //   lat: 29.28514441,
        //   ym: 0,
        //   tifId: 19
        // },
        // {
        //   id: 7,
        //   name: '香娟桥',
        //   lng: 120.3880148,
        //   lat: 29.27968615,
        //   ym: 0,
        //   tifId: 18
        // },
        {
          id: 8,
          name: '洲义堰上',
          lng: 120.3671004,
          lat: 29.27947559,
          ym: 1,
          tifId: 9
        },
        // {
        //   id: 9,
        //   name: '下蒋桥',
        //   lng: 120.3452709,
        //   lat: 29.27680849,
        //   ym: 0,
        //   tifId: 25
        // },
        // {
        //   id: 10,
        //   name: '采卢桥',
        //   lng: 120.327812,
        //   lat: 29.28474336,
        //   ym: 0,
        //   tifId: 12
        // },
        {
          id: 11,
          name: '白溪汇口',
          lng: 120.3134424,
          lat: 29.29291048,
          ym: 0,
          tifId: 12
        },
        // {
        //   id: 12,
        //   name: '磐溪汇口',
        //   lng: 120.284718,
        //   lat: 29.28443004,
        //   ym: 0,
        //   tifId: 12
        // },
        {
          id: 13,
          name: '泗渡溪汇口',
          lng: 120.2684498,
          lat: 29.28264121,
          ym: 0,
          tifId: 12
        },
        {
          id: 14,
          name: '艺海大桥',
          lng: 120.2452869,
          lat: 29.28075458,
          ym: 0,
          tifId: 12
        },
        {
          id: 15,
          name: '中山大桥',
          lng: 120.231217,
          lat: 29.29086907,
          ym: 0,
          tifId: 12
        },
        {
          id: 16,
          name: '榔坑汇口',
          lng: 120.2174944,
          lat: 29.29457953,
          ym: 1,
          tifId: 12
        },
        // {
        //   id: 17,
        //   name: '临江大桥',
        //   lng: 120.2034725,
        //   lat: 29.29644901,
        //   ym: 0,
        //   tifId: 2
        // },
        // {
        //   id: 18,
        //   name: '山口大桥',
        //   lng: 120.1941516,
        //   lat: 29.30348049,
        //   ym: 0,
        //   tifId: 25
        // },
        {
          id: 19,
          name: '义东大桥',
          lng: 120.1850222,
          lat: 29.30722868,
          ym: 0,
          tifId: 25
        },
        {
          id: 20,
          name: '东义交界',
          lng: 120.1630151,
          lat: 29.3119394,
          ym: 0,
          tifId: 25
        }
      ],
      // 重写各种工况数据
      pointArray: [
        // 闸门
        {
          // 水流出来后镜头第一次往上拉之前的时间
          coord: '120.456947,29.244755', // 路径坐标点 lng,lat
          coord_z: 5, // 高度(单位:米, cad坐标无效)
          coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
          arm_distance: 50, // 镜头与坐标点距离(单位:米)
          pitch: 10.842194, // 镜头俯仰角(0~89)
          yaw: 38, // 镜头偏航角(0正北, 0~359)
          attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
          time: 6, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
          speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
        },
        {
          coord: '120.4569,29.2447', // 路径坐标点 lng,lat
          coord_z: 5, // 高度(单位:米, cad坐标无效)
          coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
          arm_distance: 50, // 镜头与坐标点距离(单位:米)
          pitch: 10.842194, // 镜头俯仰角(0~89)
          yaw: 38, // 镜头偏航角(0正北, 0~359)
          attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
          time: 5, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
          speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
        },
        {
          //
          coord: '120.453194,29.242584', // 路径坐标点 lng,lat
          coord_z: 350, // 高度(单位:米, cad坐标无效)
          coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
          arm_distance: 1083.177856, // 镜头与坐标点距离(单位:米)
          pitch: 37.83, // 镜头俯仰角(0~89)
          yaw: 347, // 镜头偏航角(0正北, 0~359)
          attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
          time: 3, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
          speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
        },
        // 下游全景
        {
          coord: '120.442642,29.277767', // 路径坐标点 lng,lat
          coord_z: 260, // 高度(单位:米, cad坐标无效)
          coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
          arm_distance: 2694.647461, // 镜头与坐标点距离(单位:米)
          // pitch: 29.416199, // 镜头俯仰角(0~89)
          pitch: 20, // 镜头俯仰角(0~89)
          yaw: 260, // 镜头偏航角(0正北, 0~359)
          attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
          time: 5, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
          speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
        }
        // 泄洪闸
        // {
        //   coord: "120.455521,29.242838", //路径坐标点 lng,lat
        //   coord_z: 170, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 192, //镜头与坐标点距离(单位:米)
        //   pitch: 46, //镜头俯仰角(0~89)
        //   yaw: 14, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "Linear", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 5, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "linear", //镜头漫游速度类型(见下表)
        // },
        // //热力图初始点
        // {
        //   coord: "120.442268,29.247009", //路径坐标点 lng,lat
        //   coord_z: 40, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 192, //镜头与坐标点距离(单位:米)
        //   pitch: 29.7, //镜头俯仰角(0~89)
        //   yaw: 297, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "SinusoidalIn", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 5, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "acceleration", //镜头漫游速度类型(见下表)
        // },
        // //林头村
        // {
        //   coord: "120.441147,29.265684", //路径坐标点 lng,lat
        //   coord_z: 60, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 749, //镜头与坐标点距离(单位:米)
        //   pitch: 32, //镜头俯仰角(0~89)
        //   yaw: 330, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "SinusoidalIn", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 7, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "acceleration", //镜头漫游速度类型(见下表)
        // },
        // //尚侃村
        // {
        //   coord: "120.43103,29.286995", //路径坐标点 lng,lat
        //   coord_z: 60, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 1046.65, //镜头与坐标点距离(单位:米)
        //   pitch: 32.18, //镜头俯仰角(0~89)
        //   yaw: 272, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "SinusoidalIn", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 5, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "acceleration", //镜头漫游速度类型(见下表)
        // },
        // //上蒋村
        // {
        //   coord: "120.361359,29.278948", //路径坐标点 lng,lat
        //   coord_z: 60, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 1046.65, //镜头与坐标点距离(单位:米)
        //   pitch: 32.18, //镜头俯仰角(0~89)
        //   yaw: 272, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "SinusoidalIn", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 6, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "acceleration", //镜头漫游速度类型(见下表)
        // },
        // //石潭村
        // {
        //   coord: "120.383133,29.284199", //路径坐标点 lng,lat
        //   coord_z: 60, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 1046.65, //镜头与坐标点距离(单位:米)
        //   pitch: 32.18, //镜头俯仰角(0~89)
        //   yaw: 272, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "SinusoidalIn", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 3, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "acceleration", //镜头漫游速度类型(见下表)
        // },
        // //东阳城区
        // {
        //   coord: "120.222504,29.293617", //路径坐标点 lng,lat
        //   coord_z: 60, //高度(单位:米, cad坐标无效)
        //   coord_easetype: "linear", //镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
        //   arm_distance: 1046.65, //镜头与坐标点距离(单位:米)
        //   pitch: 32.18, //镜头俯仰角(0~89)
        //   yaw: 272, //镜头偏航角(0正北, 0~359)
        //   attitude_easetype: "SinusoidalIn", //镜头漫游至下一坐标点缓动姿态类型(见下表)
        //   time: 10, //镜头漫游至下一坐标点所花费的时间(单位:秒)
        //   speed_easetype: "acceleration", //镜头漫游速度类型(见下表)
        // },
      ],
      // 各种工况数据
      areaArray: [
        {
          name: '茜畴村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.4358798222,
          lat: 29.2438660138,
          tifId: 1
        },
        {
          name: '上陈村',
          area: 0.64,
          depth: 1.80,
          reach: 0.2,
          lng: 120.4318468735,
          lat: 29.2523517567,
          tifId: 1
        },
        {
          name: '林头村',
          area: 1.06,
          depth: 4.01,
          reach: 0.5,
          lng: 120.4412998229,
          lat: 29.2652743211,
          tifId: 3
        },
        {
          name: '楼村头',
          area: 0.63,
          depth: 2.14,
          reach: 0.5,
          lng: 120.4451199954,
          lat: 29.2731785277,
          tifId: 5
        },
        {
          name: '尚侃村',
          area: 0.58,
          depth: 2.60,
          reach: 2.0,
          lng: 120.4309418312,
          lat: 29.2908559826,
          tifId: 10
        },
        {
          name: '圳干村',
          area: 0.67,
          depth: 3.02,
          reach: 3.5,
          lng: 120.4093910786,
          lat: 29.2900885836,
          tifId: 17
        },
        {
          name: '大里村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3918053568,
          lat: 29.2823313237,
          tifId: 17
        },
        {
          name: '石潭村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3853234255,
          lat: 29.2818751397,
          tifId: 17
        },
        {
          name: '俞黄村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3904025471,
          lat: 29.2755366647,
          tifId: 17
        },
        {
          name: '积塘坞村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3758925276,
          lat: 29.2829091883,
          tifId: 17
        },
        {
          name: '上蒋村',
          area: 0.31,
          depth: 1.60,
          reach: 2.0,
          lng: 120.360772767,
          lat: 29.279685578,
          tifId: 10
        },
        {
          name: '下蒋村',
          area: 0.17,
          depth: 2.34,
          reach: 7.0,
          lng: 120.351274404,
          lat: 29.2783458643,
          tifId: 30
        },
        {
          name: '象溪滩村',
          area: 0.28,
          depth: 0.45,
          reach: 2.5,
          lng: 120.3763062099,
          lat: 29.2781556472,
          tifId: 13
        },
        {
          name: '上宅村',
          mileage: '13',
          area: 0.16,
          depth: 1.74,
          reach: 2.5,
          lng: 120.368019018,
          lat: 29.2765914053,
          tifId: 12
        },
        {
          name: '西宅村',
          area: 0.37,
          depth: 2.97,
          reach: 4.2,
          lng: 120.3611283307,
          lat: 29.2739652289,
          tifId: 14
        },
        {
          name: '寀卢村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3265946788,
          lat: 29.2871543214,
          tifId: 15
        },
        {
          name: '王庭寿村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3276373087,
          lat: 29.2824512984,
          tifId: 15
        },
        {
          name: '单良村',
          area: 0,
          depth: 0,
          reach: 0,
          lng: 120.3202796663,
          lat: 29.282873318,
          tifId: 15
        },
        {
          name: '东阳城区北',
          area: 0.58,
          depth: 3.50,
          reach: 5.0,
          lng: 120.2239309501,
          lat: 29.2954286621,
          tifId: 16
        },
        {
          name: '东阳城区南',
          area: 0.3,
          depth: 3.47,
          reach: 5.0,
          lng: 120.2238509083,
          lat: 29.2908229713,
          tifId: 16
        }
      ],
      // 各种工况数据
      // pointArray: [
      //   // 闸门
      //   {
      //     coord: '120.456947,29.244755', // 路径坐标点 lng,lat
      //     coord_z: 5, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 50, // 镜头与坐标点距离(单位:米)
      //     pitch: 10.842194, // 镜头俯仰角(0~89)
      //     yaw: 38, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 8, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
      //   },
      //   {
      //     coord: '120.4569,29.2447', // 路径坐标点 lng,lat
      //     coord_z: 5, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 50, // 镜头与坐标点距离(单位:米)
      //     pitch: 10.842194, // 镜头俯仰角(0~89)
      //     yaw: 38, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 8, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
      //   },
      //   // 泄洪闸
      //   {
      //     coord: '120.455521,29.242838', // 路径坐标点 lng,lat
      //     coord_z: 170, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 192, // 镜头与坐标点距离(单位:米)
      //     pitch: 46, // 镜头俯仰角(0~89)
      //     yaw: 14, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'Linear', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 5, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'linear' // 镜头漫游速度类型(见下表)
      //   },
      //   // 热力图初始点
      //   {
      //     coord: '120.442268,29.247009', // 路径坐标点 lng,lat
      //     coord_z: 40, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 192, // 镜头与坐标点距离(单位:米)
      //     pitch: 29.7, // 镜头俯仰角(0~89)
      //     yaw: 297, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'SinusoidalIn', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 5, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'acceleration' // 镜头漫游速度类型(见下表)
      //   },
      //   // 林头村
      //   {
      //     coord: '120.441147,29.265684', // 路径坐标点 lng,lat
      //     coord_z: 60, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 749, // 镜头与坐标点距离(单位:米)
      //     pitch: 32, // 镜头俯仰角(0~89)
      //     yaw: 330, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'SinusoidalIn', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 7, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'acceleration' // 镜头漫游速度类型(见下表)
      //   },
      //   // 尚侃村
      //   {
      //     coord: '120.43103,29.286995', // 路径坐标点 lng,lat
      //     coord_z: 60, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 1046.65, // 镜头与坐标点距离(单位:米)
      //     pitch: 32.18, // 镜头俯仰角(0~89)
      //     yaw: 272, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'SinusoidalIn', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 5, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'acceleration' // 镜头漫游速度类型(见下表)
      //   },
      //   // 上蒋村
      //   {
      //     coord: '120.361359,29.278948', // 路径坐标点 lng,lat
      //     coord_z: 60, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 1046.65, // 镜头与坐标点距离(单位:米)
      //     pitch: 32.18, // 镜头俯仰角(0~89)
      //     yaw: 272, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'SinusoidalIn', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 6, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'acceleration' // 镜头漫游速度类型(见下表)
      //   },
      //   // 石潭村
      //   {
      //     coord: '120.383133,29.284199', // 路径坐标点 lng,lat
      //     coord_z: 60, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 1046.65, // 镜头与坐标点距离(单位:米)
      //     pitch: 32.18, // 镜头俯仰角(0~89)
      //     yaw: 272, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'SinusoidalIn', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 3, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'acceleration' // 镜头漫游速度类型(见下表)
      //   },
      //   // 东阳城区
      //   {
      //     coord: '120.222504,29.293617', // 路径坐标点 lng,lat
      //     coord_z: 60, // 高度(单位:米, cad坐标无效)
      //     coord_easetype: 'linear', // 镜头漫游至下一坐标点缓动类型(linear:线型, curve:曲线型)
      //     arm_distance: 1046.65, // 镜头与坐标点距离(单位:米)
      //     pitch: 32.18, // 镜头俯仰角(0~89)
      //     yaw: 272, // 镜头偏航角(0正北, 0~359)
      //     attitude_easetype: 'SinusoidalIn', // 镜头漫游至下一坐标点缓动姿态类型(见下表)
      //     time: 10, // 镜头漫游至下一坐标点所花费的时间(单位:秒)
      //     speed_easetype: 'acceleration' // 镜头漫游速度类型(见下表)
      //   }
      // ],
      // 当前激活的工况
      activeGk: '',
      // 总帧数估计是30针,需要求余获取真实帧数
      currentTif: '1',
      // 展示品质,0水流,1热力图
      activeType: '1',
      // 淹没的镜头信息
      JT: {
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.444504,29.254572', // 中心点的坐标 lng,lat
        arm_distance: 3999.998779, // 镜头距中心点距离(单位:米)
        pitch: 27.287231, // 镜头俯仰角(5~89)
        yaw: 308.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      },
      // 开闸
      JT2: {
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.455956,29.243288', // 中心点的坐标 lng,lat
        arm_distance: 184.960083, // 镜头距中心点距离(单位:米)
        pitch: 28.17865, // 镜头俯仰角(5~89)
        yaw: 23.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      },
      JT3: {
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        center_coord: '120.452324,29.2432', // 中心点的坐标 lng,lat
        arm_distance: 420.187805, // 镜头距中心点距离(单位:米)
        pitch: 30.198486, // 镜头俯仰角(5~89)
        yaw: 55.0, // 镜头偏航角(0正北, 0~359)
        fly: true
      },
      // 跳点api
      tiaodianData: {
        tif_id: '1', // tif_id tif编码;
        show: 'false', // 淹没效果显隐控制，true为显示，false为隐藏；
        type: '1', // 水体材质类型: 0 真实水体，1 热力图类型；
        scheme_index: '1' // 方案编码：1,2,3
      },
      cloudRender: new CloudRenderer('player', 0),
      orderID: '5924327C',
      ymgk: null,
      gkName: 'gk1',
      index: 1,
      // 隐藏的指令
      hiddenJsondata: {
        covering_type: 'all'
      },
      jsondata: {
        id: 'raster_id', // 栅格图id
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标; 注: 此功能只支持gis坐标, 暂时不支持cad)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        coord_z: 200, // 高度(单位:米)
        coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面; 1:相对3D世界地面; 2:相对3D世界海拔; 注:cad坐标无效)
        style_type: 1, // 样式类型(1: 投影型, 贴合地面;  2:平面型)
        color_type: 1, // 着色类型(1: 拉伸型;)
        high_value: 4, // 归一化对应最高值, "high_value"和"low_value"置空时, 默认以上传数据的数据范围做归一化
        low_value: 0, // 归一化对应最低值, "high_value"和"low_value"置空时, 默认以上传数据的数据范围做归一化
        nodata_setting: 0, // tif数据中nodata值的指定默认值
        gradient_setting: {
          // 自定义栅格渲染渐变颜色(HEX颜色值,共5个色值)
          color1: '00ffff',
          color2: 'fdff00',
          color3: '009fff',
          color4: 'f300ff',
          color5: 'ff0000'
        }
        // "raster_path": ymgk?.gk1[0]
        // 本地地址一: "file:///D:/xxx/raster.tif", D: 云渲染所在盘符
        // 本地地址二: "path:/UserData/raster.tif", 资源由云渲染后台管理, 云渲染4.3.1以上版本
        // 目前只支持.tif文件的上传和渲染, 大小在4096*4096内(单位:像素)
      },
      demoData: {
        id: 'customPOI_id',
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点的Key值, 项目中约定
        coord: '120.46050564,29.24404059', // POI点的坐标 lng,lat
        coord_z: 0, // 高度(单位:米)
        coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
        always_show_label: true, // 是否永远显示label, true:显示label(默认), false:不显示label
        show_label_range: '0,2000', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
        sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
        // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
        animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
        duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
        state: 'state_1', // 与marker之中images中的define_state对应
        marker: {
          size: '100,228', // marker大小(宽,高 单位:像素)
          images: [
            {
              define_state: 'state_1', // marker图片组
              normal_url: 'file:///D:/hjsk/icon/home_img3.png', // normal 图片url地址
              activate_url: 'file:///D:/hjsk/icon/home_img3.png' // hover, active 图片url地址
              // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
              // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
            }
          ]
        },
        label: {
          bg_image_url: 'file:///D:/hjsk/icon/icon_blue1.png',
          // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
          // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
          bg_size: '100,80', // label大小(宽, 高 单位:像素)
          bg_offset: '50,200', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
          content: [
            {
              text: ['文本内容A', 'ff0000ff', '30'], // [文本内容, HEXA颜色, 文本大小]
              text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
              text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
              scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
            },
            {
              text: ['文本内容B', '00ff00ff', '20'],
              text_offset: '10,45',
              text_boxwidth: 80,
              scroll_speed: 0
            }
          ]
        },
        window: {
          url: 'file:///D:/hjsk/dist_html/dist/index.html',
          // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
          size: '520,350', // window大小(宽,高 单位:像素)
          offset: '50,180' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
        }
      },
      // 首页
      // 大坝运行
      home_db: {},
      // 水库水质安全
      home_sz: {},
      // 库水位
      home_sw: {},
      // 泄洪流量
      home_xh: {},
      // 智能预报
      // 横锦水库位置
      yb_hj: {},
      yb_bd: {},
      yb_sm: {}
    }
  },
  methods: {
    // 控制天气
    weather (envWeathe) {
      this.cloudRender.SuperAPI('SetEnvWeather', { env_weather: envWeathe }, (status) => {
        console.log(status) // 成功、失败回调
      })
    },
    // 重置水位
    resetWaterLevel () {
      this.weather('Sunny')
      // this.cloudRender.SuperAPI('SetEnvTime', { env_time: '11:45' }, (status) => {
      //   console.log(status)
      // }) // 成功、失败回调 })
      // this.currentWaterLevel = this.$store.state.reservoirRealData.water_level_value
      // this.currentWaterLevel = 130
      this.currentWaterLevel = 154
    },
    // 更新水位
    upperWaterLevel () {
      // setTimeout(() => {
      this.currentWaterLevel = 155
      this.waterInterval = setInterval(() => {
        if (this.currentWaterLevel > 159) {
          this.currentWaterLevel = 159
          clearInterval(this.waterInterval)
          // this.$eventBus.$emit('addWaterLevel', this.currentWaterLevel)
          // this.$eventBus.$off('addWaterLevel')
        } else {
          // this.currentWaterLevel = Number(this.currentWaterLevel) + 0.5
          this.currentWaterLevel += 0.26
          // this.$eventBus.$emit('addWaterLevel', this.currentWaterLevel)
        }
      }, 1000)
      // }, 1500)
    },
    // 添加点
    addPOI () {
      if (this.activePointCopy.villageVisiable) {
        this.areaArray.forEach((area) => {
          const jsondata = {
            id: `${area.name}:${area.tifId}`,
            coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
            cad_mapkey: '', // CAD基准点的Key值, 项目中约定
            coord: `${area.lng},${area.lat}`, // POI点的坐标 lng,lat
            coord_z: 0, // 高度(单位:米)
            coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
            always_show_label: true, // 是否永远显示label, true:显示label(默认), false:不显示label
            show_label_range: '0,2000', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
            sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
            // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
            animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
            duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
            state: 'state_1', // 与marker之中images中的define_state对应
            marker: {
              size: '51,50', // marker大小(宽,高 单位:像素)
              images: [
                {
                  define_state: 'state_1', // marker图片组
                  // normal_url: `file:///${this.pan}:/hjsk/icon/${area.url}`,
                  normal_url: area.depth <= 0 || this.activeGk === '1'
                    ? `file:///${this.pan}:/hjsk/icon/sicon_blue.png`
                    : `file:///${this.pan}:/hjsk/icon/sicon_red1.png`, // normal 图片url地址
                  activate_url: `file:///${this.pan}:/hjsk/icon/sicon_coffee1.png` // hover, active 图片url地址
                  // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
                  // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
                }
              ]
            },
            label: {
              bg_image_url:
                'http://superapi.51hitech.com/doc-static/images/static/LabelBg.png',
              // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
              // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
              bg_size: '100,30', // label大小(宽, 高 单位:像素)
              bg_offset: '20,45', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
              content: [
                {
                  text: [area.name, 'F8F8FFFF', '12'], // [文本内容, HEXA颜色, 文本大小]
                  text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
                  text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
                  scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
                }
              ]
            },
            window: {
              url: `https://hjsk.guangchuan.org/ue.html?areaName=${area.name}&area=${area.area}&depth=${area.depth}&reach=${area.reach}`,
              // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
              size: '319,226', // window大小(宽,高 单位:像素)
              offset: '50,180' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
            }
          }

          this.cloudRender.SuperAPI('AddCustomPOI', jsondata, (status) => {
            console.log(status) // 成功、失败回调
          })
        })
      }
      if (this.activePointCopy.controlVisiable) {
        this.controlArray.forEach((area) => {
          this.windowPath = `file:///${this.pan}:/hjsk/51_pages/pages/home/disaster.html?areaName=${area.areaName}&gk=${this.$store.state.fiveOne.gk}&isInfa=${this.$store.state.rTop1Value === 1}&startDate=${this.$store.state.fiveOne.startDate}&gateCount=${this.$store.state.fiveOne.gateCount}&totalRainFall=${this.$store.state.fiveOne.totalRainFall}&projectId=125`
          console.log('打印烟花的参数', this.windowPath)
          // if (this.$store.state.playerKey === 2) {
          //   this.windowPath = `file:///C:/hjsk/51_pages/pages/home/disaster.html?areaName=${area.areaName}&gk=${this.activeGk}&isInfa=${this.$store.state.rTop1Value === 0}`
          // } else {
          //   this.windowPath = `file:///D:/hjsk/51_pages/pages/home/disaster.html?areaName=${area.areaName}&gk=${this.activeGk}&isInfa=${this.$store.state.rTop1Value === 0}`
          // }
          // console.log('查看一下windowPath2222222222222222222222222222222222222222222222222222222222 2222222222222222222222', this.windowPath)
          // console.log('查看一下传入的洪水是否为2222222222222222222222222222222222222222222222222222222222222222222222', this.$store.state.rTop1Value === 0)

          const jsondata = {
            id: `${area.areaName}:${area.tifId}`,
            coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
            cad_mapkey: '', // CAD基准点的Key值, 项目中约定
            coord: `${area.lng},${area.lat}`, // POI点的坐标 lng,lat
            coord_z: 0, // 高度(单位:米)
            coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面；1:相对3D世界地面；2:相对3D世界海拔; 注:cad坐标无效)
            always_show_label: true, // 是否永远显示label, true:显示label(默认), false:不显示label
            show_label_range: '0,2000', // POI点显示label的范围(单位:米, 范围最小、最大距离; 在此范围内显示, 超出范围隐藏; 注意:always_show_label属性优先于此属性)
            sort_order: false, // 是否开启遮挡排序(根据POI点真实3D位置开启遮挡排序,
            // 注: 只与其他开启排序的POI之间进行排序, 开启此排序会消耗性能(最多60个POI点同时开启排序)
            animation_type: 'bounce', // 动画类型(bounce:弹出式; stretch:伸缩式; wipe:展开式)
            duration_time: 0.7, // 规定完成动画所花费的时间(单位:秒)
            state: 'state_1', // 与marker之中images中的define_state对应
            marker: {
              size: '51,50', // marker大小(宽,高 单位:像素)
              images: [
                {
                  define_state: 'state_1', // marker图片组
                  normal_url: `file:///${this.pan}:/hjsk/icon/${area.url}`,
                  // area.ym <= 0 || this.activeGk === '1'
                  //   ? `file:///${this.pan}:/hjsk/icon/sicon_blue.png`
                  //   : `file:///${this.pan}:/hjsk/icon/sicon_red1.png`, // normal 图片url地址
                  activate_url: `file:///${this.pan}:/hjsk/icon/sicon_coffee1.png` // hover, active 图片url地址
                  // 本地图片地址一: "file:///D:/xxx/markerNormal.png",    D: 云渲染所在盘符
                  // 本地图片地址二: "path:/UserData/markerNormal.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
                }
              ]
            },
            label: {
              bg_image_url:
                'http://superapi.51hitech.com/doc-static/images/static/LabelBg.png',
              // 本地图片地址一: "file:///D:/xxx/LabelBg.png",    D: 云渲染所在盘符
              // 本地图片地址二: "path:/UserData/LabelBg.png",    图片资源由云渲染后台管理, 云渲染4.3.1以上版本
              bg_size: '100,30', // label大小(宽, 高 单位:像素)
              bg_offset: '20,45', // 整个label左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
              content: [
                {
                  text: [area.areaName, 'F8F8FFFF', '12'], // [文本内容, HEXA颜色, 文本大小]
                  text_offset: '10,5', // 文本框左上角相对于label中bg_offset左上角的margin偏移(x,y 单位:像素), 注: x为正向右, y为正向下
                  text_boxwidth: 80, // 文本框宽度(类型:Integer; 注: 文本滚动速度"scroll_speed": 0 时显示全文本, 此时文本不受文本框宽度限制)
                  scroll_speed: 0 // 文本滚动速度(0:不滚动; 类型:number)
                }
              ]
            },
            window: {
              url: this.windowPath,
              // 本地地址一: "file:///D:/xxx/echarts.html",    D: 云渲染所在盘符
              size: '530,250', // window大小(宽,高 单位:像素)
              offset: '50,180' // window左上角相对于marker的中心点(coord坐标中心点)的偏移(x,y 单位:像素), 注: x为正向右, y为正向上
            }
          }

          this.cloudRender.SuperAPI('AddCustomPOI', jsondata, (status) => {
            console.log(status) // 成功、失败回调
          })
        })
      }
    },
    // 工况视觉显隐
    flowShowControl (open, tifId) {
      console.log('flowShowControl', open, tifId)
      console.log('this.activeType', this.activeType)
      // 3、淹没材质细节调整，全量控制渲染参数：//渲染参数控制\
      const mpcData = {
        HeightOffset: '15', // 水体材质抬升偏移值
        HeightUnit: '1', // 水体数据单位调整
        WaterBlurDis: '0.001', // 水体材质转制模糊偏移（傅里叶）
        HeatMapBlurDis: '0.001', // 云图材质转制模糊偏移（傅里叶）
        DataMax: '3', // 色卡有效映射最大值（非数据最大值，根据业务表达考虑，自行调整）
        DataMin: '0' // 色卡有效映射最小值
      }
      this.cloudRender.SuperAPI('MPCValue', mpcData)

      if (open === '1') {
        console.log('这里是推荐方案')
        // this.cloudRender.SuperAPI('RemoveAllCovering', { covering_type: 'path' })
        this.cloudRender.SuperAPI('AddPath', this.dyjRiverPathData, (_back) => {
          console.log('_back::: ', _back)
          // JSON.parse(_back, (k, v) => {
          //   if (k === 'success') {
          //     setTimeout(() => this.cloudRender.SuperAPI('FocusAllCovering', { covering_type: 'path' }), 5e2)
          //   }
          // })
        })
      } else {
        console.log('这里不是推荐方案')
        const JsonData = {
          tif_id: tifId || '1', // tif_id tif编码;
          rate: '8', // 播放速率; 1-8；
          show: 'true', // 淹没效果显隐控制，true为显示，false为隐藏；
          play: 'true', // true为播放，false为暂停；
          type: this.activeType, // 水体材质类型: 0 真实水体，1 热力图类型；
          scheme_index: open // 方案编码：1,2,3
        }
        this.cloudRender.SuperAPI('FlowShowControl', JsonData)
      }
    },
    // 开始漫游
    continueRoming () {
      const JsonData = {
        tif_id: this.currentTif, // tif_id tif编码;
        rate: '8', // 播放速率; 1-8；
        show: 'true', // 淹没效果显隐控制，true为显示，false为隐藏；
        play: 'true', // true为播放，false为暂停；
        type: this.activeType, // 水体材质类型: 0 真实水体，1 热力图类型；
        scheme_index: this.activeGk // 方案编码：1,2,3
      }
      this.cloudRender.SuperAPI('FlowShowControl', JsonData)
    },
    // 停止漫游
    stopRoming () {
      this.romingControl('stop')
      const JsonData = {
        tif_id: this.currentTif, // tif_id tif编码;
        rate: '8', // 播放速率; 1-8；
        show: 'true', // 淹没效果显隐控制，true为显示，false为隐藏；
        play: 'false', // true为播放，false为暂停；
        type: this.activeType, // 水体材质类型: 0 真实水体，1 热力图类型；
        scheme_index: this.activeGk // 方案编码：1,2,3
      }
      this.cloudRender.SuperAPI('FlowShowControl', JsonData)
    },
    romingControl (state) {
      this.cloudRender.SuperAPI('SetCameraRoamingProState', { state })
    },
    // 复位所有效果
    resetDisaster () {
      console.log('重置所有效果,不包括推荐方案效果')
      // 关闭闸门和闸门水流控制
      for (let i = 1; i < 4; i++) {
        const jsondata1 = {
          type: 'default', // 控制类型: reset 重置，default 默认
          gate_index: i, // 闸门编号： 1，2，3
          rotation: '0', // 旋转角度
          rate: '50' // 旋转速率, 默认为10秒播放
        }
        this.cloudRender.SuperAPI('GateControl', jsondata1)
        const jsondata2 = {
          waterplane_index: i, // 闸门编号： 1，2，3
          rate: '1', // 播放速率，默认10秒播放
          is_blend: 'false', // 是否过渡显示
          action: 'hide' // 显示 show,隐藏 hide
        }
        this.cloudRender.SuperAPI('FlowControl', jsondata2)
      }
      // 关闭溢洪道水流
      const jsondata3 = {
        level: 'level_0', // 等级控制 level_0， level_1， level_2， level_3，
        rate: '1' // 播放速率，默认10秒播放
      }
      this.cloudRender.SuperAPI('SetFlowLevel', jsondata3)
      // 关闭淹没
      const JsonData2 = {
        tif_id: this.currentTif, // tif_id tif编码;
        rate: '8', // 播放速率; 1-8；
        show: 'false', // 淹没效果显隐控制，true为显示，false为隐藏；
        play: 'false', // true为播放，false为暂停；
        type: this.activeType, // 水体材质类型: 0 真实水体，1 热力图类型；
        scheme_index: this.activeGk // 方案编码：1,2,3
      }
      this.cloudRender.SuperAPI('FlowShowControl', JsonData2)
      // 移除poi点
      this.cloudRender.SuperAPI(
        'RemoveCovering',
        { id: [...this.areaArray, ...this.controlArray].map((a) => `${a.areaName}:${a.tifId}`), covering_type: 'poi' },
        (status) => {
          console.log(status) // 成功、失败回调
        }
      )
    },
    open () {
      this.gkCamera(this.JT2)
      setTimeout(() => {
        this.cloudRender.SuperAPI('GateControl', {
          type: 'default', // 控制类型: reset 重置，default 默认
          gate_index: '1', // 闸门编号： 1，2，3
          rotation: '30', // 旋转角度
          rate: '10' // 旋转速率, 默认为10秒播放
        })
        this.cloudRender.SuperAPI('GateControl', {
          type: 'default', // 控制类型: reset 重置，default 默认
          gate_index: '2', // 闸门编号： 1，2，3
          rotation: '30', // 旋转角度
          rate: '10' // 旋转速率, 默认为10秒播放
        })
        this.cloudRender.SuperAPI('GateControl', {
          type: 'default', // 控制类型: reset 重置，default 默认
          gate_index: '3', // 闸门编号： 1，2，3
          rotation: '30', // 旋转角度
          rate: '10' // 旋转速率, 默认为10秒播放
        })
        //
        this.cloudRender.SuperAPI('FlowControl', {
          waterplane_index: '1', // 闸门编号： 1，2，3
          rate: '1', // 播放速率，默认10秒播放
          is_blend: 'true', // 是否过渡显示
          action: 'show' // 显示 show,隐藏 hide
        })
        this.cloudRender.SuperAPI('FlowControl', {
          waterplane_index: '2', // 闸门编号： 1，2，3
          rate: '1', // 播放速率，默认10秒播放
          is_blend: 'true', // 是否过渡显示
          action: 'show' // 显示 show,隐藏 hide
        })
        this.cloudRender.SuperAPI('FlowControl', {
          waterplane_index: '3', // 闸门编号： 1，2，3
          rate: '1', // 播放速率，默认10秒播放
          is_blend: 'true', // 是否过渡显示
          action: 'show' // 显示 show,隐藏 hide
        })
        this.cloudRender.SuperAPI('SetFlowLevel', {
          level: 'level_3', // 等级控制 level_0， level_1， level_2， level_3，
          rate: '1' // 播放速率，默认10秒播放
        })
      }, 3000)
      setTimeout(() => {
        this.gkCamera(this.JT3)
      }, 10000)
    },
    // 跳点
    tiaodian (obj) {
      this.gkCamera(this.JT)
      this.cloudRender.SuperAPI('FlowMapShow', obj)
    },
    initHome () {
      fetch('https://hjsk.guangchuan.org/api/ue/getTif')
        .then((res) => res.json())
        .then((res) => {
          console.log('res', res)
          this.ymgk = res.data
          console.log(this.ymgk)
        })
      this.init()
    },
    // 隐藏所有点
    hiddenAll () {
      this.cloudRender.SuperAPI('RemoveAllCovering', this.hiddenJsondata, (mycallback) => {
        console.error('mycallback: ', mycallback)
      })
    },
    // 加首页点
    addHomeDian () {
      this.cloudRender.SuperAPI('AddCustomPOI', this.home_db, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
      this.cloudRender.SuperAPI('AddCustomPOI', this.home_sz, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
      this.cloudRender.SuperAPI('AddCustomPOI', this.home_sw, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
      this.cloudRender.SuperAPI('AddCustomPOI', this.home_xh, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
    },
    addFloodZNYBDian () {
      this.cloudRender.SuperAPI('AddCustomPOI', this.yb_hj, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
      this.cloudRender.SuperAPI('AddCustomPOI', this.yb_bd, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
      this.cloudRender.SuperAPI('AddCustomPOI', this.yb_sm, (status) => {
        console.log('测试', status) // 成功、失败回调
      })
    },
    init () {
      const myHandleResponseFunction = (data) => {
        // console.log('收到的事件: ' + data) // ================================================================================================
        this.$store.commit('changeMaskTxt') // 显示底下的黑色mask 横锦水库
        const jsonObject =
          typeof data === 'object'
            ? JSON.parse(JSON.stringify(data))
            : JSON.parse(data)
        switch (jsonObject.func_name) {
          case 'OnPOIClick':
            console.log('进入事件OnPOIClick')
            // if (!jsonObject?.args?.id) return
            if (!jsonObject.args.id) return
            // eslint-disable-next-line no-case-declarations
            const poiId = jsonObject.args.id + ''
            this.flowShowControl(this.activeGk, poiId.split(':')[1])
            break
          case 'OnFlowMapShowsuccess':
            // eslint-disable-next-line no-case-declarations
            const current = jsonObject.args['current：']
            if (current) {
              this.currentTif = current
            }
            if (Number(current) <= 40) {
              this.$eventBus.$emit('changeSlider', Number(current))
            }

            break
          case 'beginPlay':
            // 云渲染连接成功 do Something
            break
          case 'APIAlready':
            // 3D世界加载完成 do Something
            setTimeout(this.addHomeDian, 3000)
            setTimeout(() => {
              this.currentWaterLevel = 131
              // 调整为中午11:45的光照
              this.cloudRender.SuperAPI('SetEnvTime', { env_time: '11:45' }, (status) => {
                console.log('调整为中午11:45的光照', status)
              }) // 成功、失败回调 })
              // 天气为晴朗
              this.cloudRender.SuperAPI('SetEnvWeather', { env_weather: 'Sunny' }, (status) => {
                console.log('天气为晴朗', status)
              })// 成功、失败回调 })
            }, 4000)

            break
          case 'OnAddPathSuccess':
            // 添加路径成功 do Something
            break
          case 'OnAddPathFailed':
            // 添加路径失败 do Something
            break
          case 'OnUpdatePathCoordSuccess':
            // 更新路径数据点成功 do Something
            break
          case 'OnUpdatePathCoordFailed':
            // 更新路径数据点失败 do Something
            break
          case 'OnFocusPathEnd':
            // 聚焦路径结束 do Something
            break
          case 'OnPathClick':
            // 点击路径 do Something
            break
          case 'OnSuperAPI_Error_Catch':
            // 错误捕捉 do Something
            // "args": {
            //   "error_type": "SuperAPI JSon Body Field Error",
            //   "error_information": "id"
            // }
            break
          // 更多func_name类型 回调通知, 详见各API事件
        }
        return data
      }
      const cloudurl = this.threeSelect[this.$store.state.playerKey].url || 'http://10.15.7.17:8889'
      console.log('查看cloudurl', cloudurl)
      fetch(`${cloudurl}/Renderers/Any/order`, {
        method: 'POST',
        headers: { 'Content-type': 'application/json' },
        body: JSON.stringify({
          order: this.orderID,
          width: window.innerWidth,
          height: window.innerHeight
        })
        // ① order 渲染口令必填; ② width, height: 设置云渲染输出分辨率(此设置为固定分辨率,可选; 默认以云渲染客户端设置的分辨率输出)
      })
        .then((res) => {
          if (!res.ok) {
            throw Error(res.statusText)
          }
          return res.json()
        })
        .then((json) => {
          if (json.url) {
            // 启动云渲染
            this.cloudRender.SuperAPI('StartRenderCloud', json.url)

            // 事件注册
            this.cloudRender.SuperAPI('RegisterCloudResponse', myHandleResponseFunction)
            // console.log('栅格图加载') // 成功、失败回调
          }
        })
        .catch((error) => {
          console.error('Error: ', error)
        })
        .then(() => { })
    },
    // 跳转到某个镜头
    gkCamera (obj) {
      this.cloudRender.SuperAPI(
        'SetCameraInfo',
        obj,
        (status) => {
          console.log(status) // 成功、失败回调
        }
      )
    },
    // 淹没效果
    yanmoShow (obj) {
      // 跳转镜头
      this.gkCamera(this.JT)
      this.cloudRender.SuperAPI('FlowShowControl', obj)
    },
    getCameraInfo () {
      this.cloudRender.SuperAPI(
        'GetCameraInfo',
        {
          //  "camera_id":"camera_id_1" ,  //置空时获取镜头当前信息，不为空时返回添加该镜头时设置的镜头信息
          coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
          cad_mapkey: '' // CAD基准点Key值, 项目中约定
        },
        (e) => {
          console.log(e)
        }
      )
    }
  },
  watch: {
    currentWaterLevel (newValue) {
      console.log('执行一次', newValue)
      const jsondata = {
        level: `${Number(newValue)}` // XXXX为水位数值，范围大小为130~174米
      }
      this.cloudRender.SuperAPI('WaterLevel', jsondata)
    },
    // 监听工况变化
    activeGk (current, old) {
      // 关闭闸门及水流和热力图
      this.resetDisaster()
      const romingData = {
        coord_type: 0, // 坐标类型(0:经纬度坐标, 1:cad坐标)
        cad_mapkey: '', // CAD基准点Key值, 项目中约定
        coord_z_type: 0, // 坐标高度类型(0:相对3D世界表面; 1:相对3D世界地面; 2:相对3D世界海拔; 注:cad坐标无效)
        subsidiary_show: false, // 是否显示辅助线(true:显示; false:不显示)
        points: this.pointArray
      }
      this.cloudRender.SuperAPI('SetCameraRoamingPro', romingData)
      setTimeout(() => {
        // 5、溢洪道水流等级控制
        const jsondata3 = {
          level: 'level_1', // 等级控制 level_0， level_1， level_2， level_3，
          rate: '1' // 播放速率，默认10秒播放
        }
        this.cloudRender.SuperAPI('SetFlowLevel', jsondata3)
      }, 3000)
      setTimeout(() => {
        // 3、闸门控制
        for (let i = 1; i < 4; i++) {
          const jsondata1 = {
            type: 'default', // 控制类型: reset 重置，default 默认
            gate_index: i, // 闸门编号： 1，2，3
            rotation: '30', // 旋转角度
            rate: '2' // 旋转速率, 默认为10秒播放
          }
          this.cloudRender.SuperAPI('GateControl', jsondata1)
        }
      }, 1800)

      setTimeout(() => {
        // 4、闸门水流控制
        for (let i = 1; i < 4; i++) {
          const jsondata2 = {
            waterplane_index: i, // 闸门编号： 1，2，3
            rate: '1', // 播放速率，默认10秒播放
            is_blend: 'true', // 是否过渡显示
            action: 'show' // 显示 show,隐藏 hide
          }
          this.cloudRender.SuperAPI('FlowControl', jsondata2)
        }
      }, 300)

      setTimeout(() => {
        this.flowShowControl(current, old)
      }, 11000)

      // 如果current存在,那么新增点
      if (current) {
        this.addPOI()
      }
    }
  },
  destroyed () {
    this.cloudRender.SuperAPI('StopRenderCloud')
    // this.cloudRender.SuperAPI('RemoveAllCovering', { covering_type: 'poi' })
  }
}
</script>

<style lang="scss" scoped>
.player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 1920px;
  height: 1080px;
  button {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    width: 300px;
    height: 300px;
    background-color: red;
  }
  #player {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1980px;
    height: 1080px;
  }
}
</style>
