80 lines
2.1 KiB
HTML
Executable File
80 lines
2.1 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
<html>
|
|
|
|
<head>
|
|
<title>3D-Verwundungsmodell</title>
|
|
<style>
|
|
body,
|
|
html {
|
|
height: 98%;
|
|
width: 99%;
|
|
}
|
|
|
|
table {
|
|
border-collapse: separate;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
text-align: left;
|
|
padding: 8px;
|
|
}
|
|
|
|
.headcol {
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
#mapDiv {
|
|
position: relative;
|
|
height: 90%;
|
|
width: 73.5%;
|
|
}
|
|
|
|
#infoDiv {
|
|
position: absolute;
|
|
top: 12%;
|
|
left: 70%;
|
|
}
|
|
|
|
#infoDiv input {
|
|
border: none;
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
|
|
}
|
|
|
|
input {
|
|
position: relative;
|
|
left: 20px;
|
|
}
|
|
</style>
|
|
|
|
<link rel="stylesheet" href="https://js.arcgis.com/4.7/esri/css/main.css">
|
|
<script src="https://js.arcgis.com/4.7/"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script src="3DVMModel.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<h1 style="position:relative; text-align: center; font-size: 35px;">Verwundungsmodell</h1>
|
|
<hr style="position: relative;">
|
|
<div style="position: relative; float:right; width: 25%;">
|
|
<div style="position: relative; left: 20px; width: 80%; overflow-y: auto;">Modell .xml-File:
|
|
<input type="file" name="myfile" id="ModellUpload" />
|
|
</div>
|
|
<hr>
|
|
<div style="position: relative; left: 5%;height:500px; overflow-y: auto;" id="wallToggle">
|
|
</div>
|
|
<hr>
|
|
</div>
|
|
<div style=" height:87.5%; border-left: 2px solid black; position:relative; float:right;"></div>
|
|
<div id="mapDiv">
|
|
<div id="infoDiv ">
|
|
<!-- <input class="esri-component esri-widget-button esri-widget esri-interactive " type="button " id="switch-btn
|
|
" value="3D "> -->
|
|
</div>
|
|
</div>
|
|
</body>
|