index.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=11,chrome=1" />
  6. <meta http-equiv="Expires" content="0" />
  7. <meta http-equiv="imagetoolbar" content="no" />
  8. <meta http-equiv="Pragma" content="no-cache" />
  9. <script type="text/javascript" src="scripts/vendor/modernizr/modernizr.js"></script>
  10. <script type="text/javascript" src="scripts/vendor/bowser/bowser.js"></script>
  11. <title></title>
  12. <script type="text/javascript">
  13. // alert(navigator.userAgent)
  14. // if (navigator.userAgent.indexOf("MSIE 8.0") > -1 || navigator.userAgent.indexOf("MSIE 6.0") > -1 || navigator
  15. // .userAgent.indexOf("MSIE 7.0") > -1) {
  16. // window.location.href = 'updateBrowser.html';
  17. // } else {}
  18. </script>
  19. <style type="text/css">
  20. html {
  21. width: 100%;
  22. height: 100%;
  23. overflow: hidden;
  24. }
  25. body {
  26. width: 100%;
  27. height: 100%;
  28. overflow: hidden;
  29. /*background: url(../images/layout/logo-loading.png) no-repeat center center*/
  30. }
  31. </style>
  32. <style type="text/css">
  33. html,
  34. body {
  35. width: 100%;
  36. height: 100%;
  37. overflow: hidden;
  38. background: none;
  39. }
  40. * {
  41. padding: 0px;
  42. margin: 0px;
  43. }
  44. body {
  45. position: relative;
  46. }
  47. #loadingPanel {
  48. width: 100%;
  49. height: 100%;
  50. position: absolute;
  51. z-index: 9999999999999999999999;
  52. background: #000 url("../images/layout/bg_body.jpg") no-repeat center center;
  53. background-size: 100% 100%;
  54. }
  55. @keyframes rotateLoading {
  56. from {
  57. transform: rotate(0deg);
  58. }
  59. to {
  60. transform: rotate(360deg);
  61. }
  62. }
  63. @keyframes rotateLoading2 {
  64. from {
  65. transform: rotate(360deg);
  66. }
  67. to {
  68. transform: rotate(0deg);
  69. }
  70. }
  71. @keyframes rotateLoadingOpenTop {
  72. from {
  73. top: 50%;
  74. }
  75. to {
  76. top: 0px;
  77. }
  78. }
  79. @keyframes rotateLoadingOpenBottom {
  80. from {
  81. top: 50%;
  82. }
  83. to {
  84. top: 100%;
  85. }
  86. }
  87. @keyframes rotateLoadingHide {
  88. from {
  89. opacity: 100%;
  90. }
  91. to {
  92. opacity: 0;
  93. }
  94. }
  95. #loadingGif {
  96. width: 500px;
  97. height: 500px;
  98. overflow: hidden;
  99. position: fixed;
  100. top: calc(50% - 250px);
  101. left: calc(50% - 250px);
  102. }
  103. /* #loadingGif .circle-out {
  104. width: 171px;
  105. height: 171px;
  106. display: block;
  107. position: absolute;
  108. left: 0px;
  109. top: 0px;
  110. background: url(../images/layout/loading_w_circle.png) no-repeat center center;
  111. animation-name: rotateLoading;
  112. animation-duration: 40000ms;
  113. animation-iteration-count: infinite;
  114. animation-timing-function: linear;
  115. } */
  116. #loadingGif .circle-in {
  117. width: 500px;
  118. height: 500px;
  119. display: block;
  120. position: absolute;
  121. left: 0px;
  122. top: 0px;
  123. background: url(../images/layout/loading_n_circle.png) no-repeat center center;
  124. background-size: 100% 100%;
  125. animation-name: rotateLoading2;
  126. animation-duration: 40000ms;
  127. animation-iteration-count: infinite;
  128. animation-timing-function: linear;
  129. }
  130. #loadingGif .loading-text {
  131. width: 500px;
  132. height: 500px;
  133. display: block;
  134. position: absolute;
  135. left: 0px;
  136. top: 0px;
  137. background: url(../images/layout/loading-text.png) no-repeat center center;
  138. background-size: 88% 88%;
  139. }
  140. .open #loadingTop {
  141. animation-name: rotateLoadingOpenTop;
  142. animation-duration: 900ms;
  143. animation-delay: 500ms;
  144. animation-fill-mode: forwards;
  145. }
  146. .open #loadingLogo {
  147. animation-name: rotateLoadingOpenTop;
  148. animation-duration: 900ms;
  149. animation-delay: 500ms;
  150. animation-fill-mode: forwards;
  151. }
  152. .open #loadingBottom {
  153. animation-name: rotateLoadingOpenBottom;
  154. animation-duration: 700ms;
  155. animation-delay: 500ms;
  156. animation-fill-mode: forwards;
  157. }
  158. .open #loadingGif {
  159. animation-name: rotateLoadingHide;
  160. animation-duration: 200ms;
  161. animation-fill-mode: forwards;
  162. }
  163. #tdcover {
  164. width: 100%;
  165. height: 100%;
  166. display: block;
  167. position: absolute;
  168. left: 0px;
  169. top: 0px;
  170. background: url(../images/layout/moni.png) no-repeat center center;
  171. }
  172. </style>
  173. <script type="text/javascript" src="config/config.js"></script>
  174. <link rel="stylesheet" href="scripts/vendor/map23dlib/map23dlib-nolib.css">
  175. <link rel="stylesheet" href="styles/basic.css">
  176. <link rel="stylesheet" href="scripts/vendor/DatePicker/skin/WdatePicker.css">
  177. <link rel="stylesheet" href="scripts/vendor/ztree/css/zTreeStyle.css">
  178. <script type="text/javascript" src="scripts/vendor/cryptoJS/cryptoJS.js"></script>
  179. <script type="text/javascript" src="scripts/vendor/jquery/jquery-1.9.0.js"></script>
  180. <script type="text/javascript">
  181. function downloadIEUpdata(operatingSystem) {
  182. if (operatingSystem == 64) {
  183. $('body').html($(
  184. "<div class='downloadIEUpdata'><p>此系统需要IE11及高版本浏览器支持,请下载 <a href='/soft/IE11.zip'>IE11更新</a> 安装后使用。</p></div>"
  185. ));
  186. }
  187. // else {
  188. // $('body').html($("<div class='downloadIEUpdata'><p>此系统需要IE11及高版本浏览器支持,请下载 <a href='/soft/IE11.32.zip'>IE11 32位更新</a> 安装后使用。</p></div>"));
  189. // }
  190. };
  191. function downloadChromeUpdata() {
  192. $('body').empty();
  193. $('body').html($(
  194. "<div class='downloadIEUpdata'><p>此系统在windows XP系统下需要Chrome浏览器支持,请下载 <a href='/soft/chrome.zip'>Chrome软件</a> 安装后使用。</p></div>"
  195. ));
  196. };
  197. var Detector = {
  198. canvas: !!window.CanvasRenderingContext2D,
  199. webgl: (function () {
  200. try {
  201. var canvas = document.createElement('canvas');
  202. return !!(window.WebGLRenderingContext && (canvas.getContext('webgl') || canvas
  203. .getContext('experimental-webgl')));
  204. } catch (e) {
  205. return false;
  206. }
  207. })(),
  208. workers: !!window.Worker,
  209. fileapi: window.File && window.FileReader && window.FileList && window.Blob,
  210. getWebGLErrorMessage: function () {
  211. var element = document.createElement('div');
  212. element.id = 'webgl-error-message';
  213. element.style.fontFamily = 'monospace';
  214. element.style.fontSize = '13px';
  215. element.style.fontWeight = 'normal';
  216. element.style.textAlign = 'center';
  217. element.style.background = '#fff';
  218. element.style.color = '#000';
  219. element.style.padding = '1.5em';
  220. element.style.width = '400px';
  221. element.style.margin = '5em auto 0';
  222. if (!this.webgl) {
  223. element.innerHTML = window.WebGLRenderingContext ? [
  224. 'Your graphics card does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" rel="external nofollow" rel="external nofollow" style="color:#000">WebGL</a>.<br />',
  225. 'Find out how to get it <a href="http://get.webgl.org/" rel="external nofollow" rel="external nofollow" style="color:#000">here</a>.'
  226. ].join('\n') : [
  227. 'Your browser does not seem to support <a href="http://khronos.org/webgl/wiki/Getting_a_WebGL_Implementation" rel="external nofollow" rel="external nofollow" style="color:#000">WebGL</a>.<br/>',
  228. 'Find out how to get it <a href="http://get.webgl.org/" rel="external nofollow" rel="external nofollow" style="color:#000">here</a>.'
  229. ].join('\n');
  230. }
  231. return element;
  232. },
  233. addGetWebGLMessage: function (parameters) {
  234. var parent, id, element;
  235. parameters = parameters || {};
  236. parent = parameters.parent !== undefined ? parameters.parent : document.body;
  237. id = parameters.id !== undefined ? parameters.id : 'oldie';
  238. element = Detector.getWebGLErrorMessage();
  239. element.id = id;
  240. parent.appendChild(element);
  241. }
  242. };
  243. </script>
  244. <script type="text/javascript" src="scripts/vendor/moment/moment.min.js"></script>
  245. <script type="text/javascript" src="scripts/vendor/proj4js/proj4js-compressed.js"></script>
  246. <script type="text/javascript" src="scripts/vendor/lodash/dist/lodash.js"></script>
  247. <script type="text/javascript" src="scripts/vendor/PubSubJS/src/pubsub.js"></script>
  248. <script type="text/javascript" src="scripts/vendor/handlebars/handlebars.js"></script>
  249. <script type="text/javascript" src="scripts/vendor/color/color.js"></script>
  250. <script type="text/javascript" src="scripts/vendor/jquery/jquery.mousewheel.min.js"></script>
  251. <script type="text/javascript" src="scripts/vendor/jquery/jquery-ui.js"></script>
  252. <script type="text/javascript" src="scripts/vendor/jquery/jquery.dragmove.js"></script>
  253. <script type="text/javascript" src="scripts/vendor/jquery/jquery.mCustomScrollbar.min.js"></script>
  254. <link rel="stylesheet" href="scripts/vendor/jquery/jquery.mCustomScrollbar.css">
  255. <script type="text/javascript" src="scripts/vendor/jquery/jquery.iviewer.min.js"></script>
  256. <link rel="stylesheet" href="scripts/vendor/jquery/jquery.iviewer.css">
  257. <script type="text/javascript" src="scripts/vendor/jquery/jquery.simpleUpload.js"></script>
  258. <script type="text/javascript" src="scripts/vendor/jquery/jquery.iframe-post-form.js"></script>
  259. <script type="text/javascript" src="scripts/vendor/jquery/jquery.daterangepicker.js"></script>
  260. <link rel="stylesheet" href="scripts/vendor/jquery/jquery.daterangepicker.css">
  261. <script type="text/javascript" src="scripts/vendor/jquery/jquery.ba-resize.js"></script>
  262. <script type="text/javascript" src="scripts/vendor/jquery/jquery.drag.js"></script>
  263. <script type="text/javascript" src="scripts/vendor/colpick/colpick.js"></script>
  264. <link rel="stylesheet" href="scripts/vendor/colpick/colpick.css">
  265. <script type="text/javascript" src="scripts/vendor/DatePicker/WdatePicker.js"></script>
  266. <script type="text/javascript" src="scripts/vendor/ztree/js/jquery.ztree.all.min.js"></script>
  267. <script type="text/javascript" src="scripts/vendor/jspredict/satellite.min.js"></script>
  268. <!--[if gte IE 11]>
  269. <script type="text/javascript" src="scripts/vendor/Cesium/Cesium.js"></script>
  270. <link rel="stylesheet" href="scripts/vendor/Cesium/Widgets/widgets.css">
  271. <link rel="stylesheet" href="scripts/vendor/map23dlib/viewerCesiumNavigationMixin.css">
  272. <script type="text/javascript" src="scripts/vendor/map23dlib/viewerCesiumNavigationMixin.min.js"></script>
  273. <script src="scripts/vendor/viz/isat.js"></script>
  274. <![endif]-->
  275. <!--[if !IE]>
  276. <!-->
  277. <script type="text/javascript" src="scripts/vendor/Cesium/Cesium.js"></script>
  278. <!-->
  279. <!-->
  280. <link rel="stylesheet" href="scripts/vendor/Cesium/Widgets/widgets.css">
  281. <!-->
  282. <!-->
  283. <link rel="stylesheet" href="scripts/vendor/map23dlib/viewerCesiumNavigationMixin.css">
  284. <!-->
  285. <!-->
  286. <script type="text/javascript" src="scripts/vendor/map23dlib/viewerCesiumNavigationMixin.min.js"></script>
  287. <!-->
  288. <!-->
  289. <script src="scripts/vendor/viz/isat.js"></script>
  290. <!-->
  291. <![endif]-->
  292. <script type="text/javascript" src="scripts/vendor/turf/turf.min.js"></script>
  293. <script type="text/javascript" src="scripts/vendor/map23dlib/map23dlib-nolib.js"></script>
  294. <script type="text/javascript" src="scripts/vendor/map23dlib/leaflet-proj4.js"></script>
  295. <script type="text/javascript" src="scripts/vendor/proj4js/proj4leaflet.js"></script>
  296. <!-- <script type="text/javascript" src="scripts/vendor/leaflet/leaflet-routing-machine.js"></script> -->
  297. <script src="scripts/vendor/echart/echarts.min.js"></script>
  298. <!-- 字体库 -->
  299. <link rel="stylesheet" href="styles/iconFont/iconfont.css">
  300. <!-- 经纬度转高斯库 -->
  301. <script type="text/javascript" src="scripts/vendor/map23dlib/Gauss.js"></script>
  302. <script data-main="scripts/main.js" type="text/javascript" src="scripts/vendor/require/require.min.js"></script>
  303. <!-- Matomo -->
  304. <!-- 国境线 -->
  305. <script type="text/javascript" src="scripts/vendor/data/boundary.js"></script>
  306. </head>
  307. <body>
  308. <!-- <div id="loadingPanel">
  309. <div id="loadingGif">
  310. <span class="circle-in"></span>
  311. <span class="loading-text"></span>
  312. </div>
  313. </div> -->
  314. <div id="loadingPanel">
  315. <!-- <div id="loadingTop">
  316. <div id="loadingLogo"></div>
  317. </div> -->
  318. <div id="loadingGif">
  319. <span class="circle-out"></span>
  320. <span class="circle-in"></span>
  321. <span class="loading-text"></span>
  322. </div>
  323. <div id="loadingBottom">&nbsp</div>
  324. </div>
  325. <div id="xieyi">
  326. <h2 class="title">
  327. MAPPLUS用户协议<p class="close">×</p>
  328. </h2>
  329. <iframe id="iframe1" src="xieyi.html" height="500px" width="800px"></iframe>
  330. </div>
  331. </body>
  332. </html>