{% extends "index/baseTemp.html" %}

{% block title %}
<title>火箭发射</title>
{% endblock %}

{% block blink %}

<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/satelliteWorld/area.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/satelliteWorld/style.css">
<link rel="stylesheet" href="{{ pathPrefix }}/css/appCenter/satelliteWorld/rocketlanching.css">
{% endblock %}

{% block bscript %}
<script type="text/javascript" src="{{ pathPrefix }}/plugins/lib/include-lib.js" libpath="{{ pathPrefix }}/plugins/lib/" include="jquery,font-awesome,bootstrap,layer,nprogress,ztree,haoutil,turf,mars3d"></script>
<script src="{{ pathPrefix }}/js/appCenter/satelliteWorld/rocketlanching.js"></script>
{% endblock %}

{% block contentbody %}
<!--加载前进行操作提示，优化用户体验-->
<div id="mask" class="signmask"></div>

<div id="cesiumContainer" class="mars3d-container"></div>

<div class="infoview" style="overflow:auto;right:5px;left:auto; top:100px;max-height:90%;">
  <ul id="treeOverlays" class="ztree"></ul>
  <button id="btnNoCheck" class="btn btn-primary" style=" margin: 5px 20px;display:none;">取消锁定</button>
</div>


<!-- <div id="viewSL" class="infoview">
    示例：
    <input type="button" class="btn btn-primary" value="飞机"
        onclick="showCzml('http://data.marsgis.cn/file/czml/flight.czml')" />
    <input type="button" class="btn btn-primary" value="船舶"
        onclick="showCzml('http://data.marsgis.cn/file/czml/ship.czml')" />
    <input type="button" class="btn btn-primary" value="卫星"
        onclick="showCzml('http://data.marsgis.cn/file/czml/satellite.czml')" />
    <input type="button" class="btn btn-primary" value="火箭发射"
        onclick="showCzml('http://data.marsgis.cn/file/czml/space.czml')" />
    <input type="button" class="btn btn-primary" value="消防演练"
        onclick="showCzml('http://data.marsgis.cn/file/czml/firedrill.czml')" />
</div> -->

<!-- <script type="text/javascript">
  $(document).ready(function () {
    if (!mars3d.util.webglreport()) {
      alert('系统检测到您使用的浏览器不支持WebGL功能');
      layer.open({
        type: 1,
        title: "当前浏览器不支持WebGL功能",
        closeBtn: 0,
        shadeClose: false,
        resize: false,
        area: ['600px', '200px'], //宽高
        content: '<div style="margin: 20px;"><h3>系统检测到您使用的浏览器不支持WebGL功能！</h3>  <p>1、请您检查浏览器版本，安装使用最新版chrome、火狐或IE11以上浏览器！</p> <p>2、WebGL支持取决于GPU支持，请保证客户端电脑已安装显卡驱动程序！</p></div>'
      });
    }

    initMap();
  });

  function removeMask() {
    $("#mask").remove();
  }


  var viewer;
  //初始化地图
  function initMap() {
    //url传参，一个系统动态使用不同配置
    // debugger
    
    let configfile = '../../../js/appCenter/satelliteWorld/config/config.json'

    mars3d.createMap({
      id: 'cesiumContainer',
      url: configfile,
      animation: true,       //是否创建动画小器件，左下角仪表
      timeline: true,        //是否显示时间线控件
      success: function (_viewer, jsondata) {//地图成功加载完成后执行
        viewer = _viewer;

        setTimeout(removeMask, 3000);
        initWork();
      }
    });
  }


  //当前页面业务相关
  function initWork() {

    //url传入模型地址
    var data = "space"
    if (data) {
      $("#viewSL").hide();
      showCzml('http://data.marsgis.cn/file/czml/' + data + '.czml');
    }
    else {
      showCzml('http://data.marsgis.cn/file/czml/flight.czml');
    }
  }

  var dataSource;
  function showCzml(url) {
    var hasCenter = true;
    if (url.endsWith('satellite.czml')) {//卫星，特殊处理下
      hasCenter = false;
      viewer.scene.screenSpaceCameraController.maximumZoomDistance = 300000000;
      viewer.mars.centerAt({ "y": 10, "x": 111.833884, "z": 150000000, "heading": 0, "pitch": -90, "roll": 0 });
    }


    if (dataSource) {
      viewer.dataSources.remove(dataSource, true);
    }

    haoutil.loading.show();

    var czml = Cesium.CzmlDataSource.load(url);
    czml.then(function (_dataSource) {
      haoutil.loading.close();

      dataSource = _dataSource;
      viewer.dataSources.add(dataSource);

      if (hasCenter)
        viewer.flyTo(dataSource);

      if (url.endsWith('space.czml')) {//火星发射，特殊处理下 
        viewer.trackedEntity = dataSource.entities.getById('Vulcan');
        $("#btnNoCheck").show();
      }


      // initTree(dataSource.entities.values);

    }).otherwise(function (error) {
      haoutil.loading.close();
      haoutil.alert(error, "加载数据出错");
    });



    $("#btnNoCheck").click(function (e) {
      viewer.trackedEntity = undefined;
      $(this).hide();
    });
  }




  //===========================树控件处理============================
  var layersObj = {};

  function initTree(arr) {
    //初始化树
    var setting = {
      check: {
        enable: true
      },
      data: {
        simpleData: {
          enable: true
        }
      },
      callback: {
        onCheck: treeOverlays_onCheck,
        onClick: treeOverlays_onClick,
      },
    };

    var zNodes = [];
    var pnode = {
      id: -1,
      name: '全部',
      type: 'group',
      open: true,
      checked: true,
      icon: "../lib/jquery/ztree/css/mars/images/folder.png"
    };
    zNodes.push(pnode);

    for (var i = 0, len = arr.length; i < len; i++) {
      var item = arr[i];
      if (item.model || item.billboard || item.point || item.label) {

        var name = item.id;
        if (item.label && item.label.text && item.label.text._value) {
          name = item.label.text._value;
        }
        else if (item.name) {
          name = item.name;
        }

        if (!name || name == "") continue;

        var node = {
          id: i,
          pId: pnode.id,
          name: name,
          checked: true,
          icon: "../lib/jquery/ztree/css/mars/images/layer.png"
        };
        zNodes.push(node);

        layersObj[i] = item;
      }
    }

    $.fn.zTree.init($("#treeOverlays"), setting, zNodes);
  }


  function treeOverlays_onCheck(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj(treeId);

    //获得所有改变check状态的节点
    var changedNodes = zTree.getChangeCheckedNodes();
    for (var i = 0; i < changedNodes.length; i++) {
      var treeNode = changedNodes[i];
      treeNode.checkedOld = treeNode.checked;
      var entity = layersObj[treeNode.id];
      if (entity == null) continue;

      //处理图层显示隐藏
      entity.show = treeNode.checked;
    }
  }

  function treeOverlays_onClick(event, treeId, treeNode) {
    var entity = layersObj[treeNode.id];
    if (entity == null) return;

    viewer.trackedEntity = entity;

    $("#btnNoCheck").show();
  };


</script> -->
{% endblock %}