| | |
| | | <link rel="icon" type="image/x-icon" href="/hxzkoa/hxzk/assets/img/favicon.ico" /> |
| | | <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" |
| | | rel="stylesheet"> |
| | | <link href="/hxzkoa/hxzk/Cesium-1.88/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> |
| | | <link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> |
| | | <link href="/hxzkoa/hxzk/assets/css/plugins.css" rel="stylesheet" type="text/css" /> |
| | | <link href="/hxzkoa/hxzk/assets/css/authentication/form-2.css" rel="stylesheet" type="text/css" /> |
| | |
| | | body { |
| | | margin: 0px; |
| | | width: 100%; |
| | | min-width: 1500px; |
| | | min-width: 1580px; |
| | | max-width: 100%; |
| | | height: 100%; |
| | | background-color: #F0F0F0; |
| | |
| | | background: #1b2e4b; |
| | | line-height: 1.5; |
| | | } |
| | | |
| | | #cesiumContainer { |
| | | width: 100%; |
| | | height: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | overflow: hidden; |
| | | } |
| | | </style> |
| | | <script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script> |
| | | <script src="/hxzkoa/hxzk/Cesium-1.88/Build/Cesium/Cesium.js"></script> |
| | | <script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script> |
| | | <script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script> |
| | | <script src="/hxzkoa/hxzk/assets/js/authentication/form-2.js"></script> |
| | |
| | | |
| | | <body class="form"> |
| | | |
| | | |
| | | <div class="form-container outer"> |
| | | <div class="form-form" style="position: absolute; width: 450px; float: left; margin-left: 37%;"> |
| | | <div id="cesiumContainer"></div> |
| | | <div class="form-container outer" style="width: 26%;height: 40%;position: absolute;z-index: 6;top: 24%;margin-left: 37%;"> |
| | | <div class="form-form" style="position: absolute; float: left;"> |
| | | <div class="form-form-wrap"> |
| | | <div class="form-container"> |
| | | <div class="form-content"> |
| | |
| | | <form class="text-left"> |
| | | <div class="form"> |
| | | <div id="username-field" class="field-wrapper input"> |
| | | <label for="username" style="color: #131527;">用户名</label> |
| | | <label for="username" style="color: #131527;"></label> |
| | | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" |
| | | viewBox="0 0 24 24" fill="none" stroke="currentColor" |
| | | stroke-width="2" stroke-linecap="round" stroke-linejoin="round" |
| | |
| | | value="">登录</button> |
| | | </div> |
| | | </div> |
| | | <div style="text-align: center;margin-top: 20px;color: brown;font-size: 18px;"> |
| | | 请使用谷歌浏览器访问 |
| | | </div> |
| | | </div> |
| | | </form> |
| | | |
| | |
| | | |
| | | |
| | | <!-- BEGIN GLOBAL MANDATORY SCRIPTS --> |
| | | <script> |
| | | // Your access token can be found at: https://cesium.com/ion/tokens. |
| | | // Replace `your_access_token` with your Cesium ion access token. |
| | | |
| | | Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxZmMzMjg2MS0xMjY0LTRlMjQtOTE2ZC00N2FkNjE4ZWJjODYiLCJpZCI6NjcyMTUsImlhdCI6MTYzMTYxMTU1MX0.of1_REEEydYC_meH3g12qk5-O3-9sI2g_mmPoHFErVg'; |
| | | |
| | | // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID. |
| | | const viewer = new Cesium.Viewer('cesiumContainer', { |
| | | shouldAnimate: true,// 自动播放 |
| | | geocoder: false,//控制右上角第一个位置的查找工具 |
| | | homeButton: false,//控制右上角第二个位置的home图标 |
| | | sceneModePicker: false,//控制右上角第三个位置的选择视角模式,2d,3d |
| | | baseLayerPicker: false,//控制右上角第四个位置的图层选择器 |
| | | navigationHelpButton: false,//控制右上角第五个位置的导航帮助按钮 |
| | | timeline: false,//控制下方时间线 |
| | | fullscreenButton: false,//右下角全屏按钮 |
| | | terrainProvider: Cesium.createWorldTerrain() |
| | | }); |
| | | viewer.clockViewModel.multiplier *= 700; |
| | | viewer._cesiumWidget._creditContainer.style.display = "none";//取消版权信息 |
| | | viewer.scene.globe.enableLighting = true; |
| | | // Add Cesium OSM Buildings, a global 3D buildings layer. |
| | | const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings()); |
| | | // Fly the camera to San Francisco at the given longitude, latitude, and height. |
| | | viewer.camera.flyTo({ |
| | | // destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400), |
| | | orientation: { |
| | | heading: Cesium.Math.toRadians(0.0), |
| | | pitch: Cesium.Math.toRadians(-15.0), |
| | | } |
| | | }); |
| | | </script> |
| | | <script> |
| | | var code; //在全局定义验证码 |
| | | //产生验证码 |