| | |
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | | <meta name="viewport" |
| | | content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> |
| | | <title>阴影分析</title> |
| | | <title>Shadow Analysis</title> |
| | | <link href="../layui/css/layui.css" rel="stylesheet" /> |
| | | <style> |
| | | html { |
| | |
| | | <body> |
| | | <div class="dateBox"> |
| | | <div class="layui-inline" style="margin-top: 15px"> |
| | | <label class="layui-form-label">日期选择</label> |
| | | <label class="layui-form-label" id="pickDate"></label> |
| | | <div class="layui-input-inline"> |
| | | <input type="text" class="layui-input" id="date" placeholder="yyyy-MM-dd"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline" style="margin-top: 15px"> |
| | | <label class="layui-form-label">开始时间</label> |
| | | <label class="layui-form-label" id="startLabel"></label> |
| | | <div class="layui-input-inline"> |
| | | <input type="text" class="layui-input" id="startTime" placeholder="HH:mm:ss"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline" style="margin-top: 15px"> |
| | | <label class="layui-form-label">结束时间</label> |
| | | <label class="layui-form-label" id="endLabel"></label> |
| | | <div class="layui-input-inline"> |
| | | <input type="text" class="layui-input" id="endTime" placeholder="HH:mm:ss"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-item" style="margin-top: 15px"> |
| | | <label class="layui-form-label" style="font-weight: bold">播放时间</label> |
| | | <label class="layui-form-label" style="font-weight: bold" id="playLabel"></label> |
| | | <div class="layui-input-inline"> |
| | | <input id='speed' type="number" lay-verify="pass" value="20" autocomplete="off" class="layui-input"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-inline"> |
| | | <button type="button" class="layui-btn layui-btn-normal play" title="播放" style="margin-left: 35px;padding: 0 50px;"> |
| | | <!-- <i class="layui-icon"></i> --> |
| | | 播放 |
| | | <button type="button" id="play" class="layui-btn layui-btn-normal play" style="margin-left: 35px;padding: 0 50px;"> |
| | | </button> |
| | | <button type="button" class="layui-btn layui-btn-normal stop" title="暂停" style="margin-left: 17px;padding: 0 50px;"> |
| | | <!-- <i class="layui-icon"></i> --> |
| | | 暂停 |
| | | <button type="button" id="pause" class="layui-btn layui-btn-normal stop" style="margin-left: 17px;padding: 0 50px;"> |
| | | </button> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | <script src="../jquery-2.0.3.js"></script> |
| | | <script src="../jquery-3.5.0.min.js"></script> |
| | | <script src="../layui/layui.js"></script> |
| | | <!-- <script src="./js/AnalysisShadow.js"></script> --> |
| | | <script> |
| | |
| | | var Viewer = parent.Viewer; |
| | | var Cesium = parent.Cesium; |
| | | var layer = parent.layer; |
| | | document.getElementById("pickDate").innerHTML = `${Viewer.language.SG_PICK_DATE}` |
| | | document.getElementById("startLabel").innerHTML = `${Viewer.language.SG_START_TIME}` |
| | | document.getElementById("endLabel").innerHTML = `${Viewer.language.SG_END_TIME}` |
| | | document.getElementById("playLabel").innerHTML = `${Viewer.language.SG_PLAY_TIME}` |
| | | document.getElementById("play").innerHTML = `${Viewer.language.SG_PLAY}` |
| | | document.getElementById("pause").innerHTML = `${Viewer.language.SG_PAUSE}` |
| | | var layLang = Viewer.language.lang; |
| | | if(layLang === 'en-US'){ |
| | | layLang = 'en' |
| | | } else { |
| | | layLang = 'cn' |
| | | } |
| | | |
| | | Viewer.shadows = true; |
| | | Viewer.clock.clockRange = 2; |
| | |
| | | elem: '#date' |
| | | , format: 'yyyy-MM-dd' |
| | | , value: new Date() |
| | | , lang: layLang |
| | | , done: function (value, _date, endDate) { |
| | | date = value; |
| | | isPlay = false; |
| | |
| | | , format: 'HH:mm:ss' |
| | | , type: 'time' |
| | | , value: '10:00:00' |
| | | , lang: layLang |
| | | , done: function (value, _date, endDate) { |
| | | let sNum = new Date(date + ' ' + value).getTime() / 1000; |
| | | let eNum = new Date(date + ' ' + stopTime).getTime() / 1000; |
| | | if (sNum > eNum) { |
| | | layer.msg('开始时间大于结束时间,请重新选择'); |
| | | layer.msg(`${Viewer.language.SG_START_TIME_LATER_THAN_END}`); |
| | | return; |
| | | } |
| | | startTime = value; |
| | |
| | | , format: 'HH:mm:ss' |
| | | , value: '18:00:00' |
| | | , type: 'time' |
| | | , lang: layLang |
| | | , done: function (value, _date, endDate) { |
| | | let sNum = new Date(date + ' ' + startTime).getTime() / 1000; |
| | | let eNum = new Date(date + ' ' + value).getTime() / 1000; |
| | | if (sNum > eNum) { |
| | | layer.msg('开始时间大于结束时间,请重新选择'); |
| | | layer.msg(`${Viewer.language.SG_START_TIME_LATER_THAN_END}`); |
| | | return; |
| | | } |
| | | stopTime = value; |
| | |
| | | </script> |
| | | </body> |
| | | |
| | | </html> |
| | | </html> |