Skip to content

GitLab

Commit c398fc9f authored by Patrick's avatar Patrick
Browse files

.htaccess, .htpasswd und 131 weitere dateien aktualisiert...

parent 8f58062a
Pipeline #560 failed with stages
in 35 seconds
Hide whitespace changes
Inline Side-by-side
vcm/index.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<title>M4_Lab Platform</title>
<meta name="description" content="Möchten Sie Ihre massiven Geodaten, z.B. 3D-Stadtmodell, Schrägluftbilder oder Punktwolken als gehostete Webkarte veröffentlichen?" />
<meta name="keywords" content="digital@bw, SmartVillages, WebGIS, 3D-Stadtmodell, CityGML, virtualcityMAP, virtualcitySYSTEMS">
<meta name="author" content="virtualcitySYSTEMS" />
<meta name="publisher" content="Landesamt für Geoinformation und Landentwicklung Baden-Württemberg">
<meta name="copyright" content="Landesamt für Geoinformation und Landentwicklung Baden-Württemberg">
<meta name="robots" content="index,follow">
<meta name="page-topic" content="Dienstleistung">
<meta name="page-type" content="company">
<meta http-equiv="language" content="deutsch, de">
<meta name="date" content="2017">
<meta name="audience" content="alle">
<!--favicon -->
<link rel="shortcut icon" href="images/favicon.ico" />
<meta name="theme-color" content="#ffffff">
<!-- Social Media Tags -->
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="company" />
<meta property="og:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
<meta property="og:description" content="3D-Stadtmodelle im Browser - Entscheiden Sie sich für WebGIS Lösungen von virtualcitySYSTEMS." />
<meta property="og:url" content="https://www.virtualcitysystems.de" />
<meta property="og:site_name" content="virtualcitySYSTEMS" />
<meta property="article:tag" content="Berlin" />
<meta property="article:tag" content="WebGIS" />
<meta property="article:tag" content="3D-Stadtmodell" />
<meta property="article:tag" content="CityGML" />
<meta property="article:tag" content="Open Data" />
<meta property="article:tag" content="Cesium" />
<meta property="article:tag" content="SmartCities" />
<meta property="article:section" content="company" />
<meta property="article:section" content="city" />
<meta property="article:published_time" content="2017-01-01T10:10:10+00:00" />
<meta property="og:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
<meta name="twitter:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
<meta name="twitter:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
<meta name="twitter:site" content="@virtualcity" />
<meta name="twitter:card" content="summary" />
<style>
.login-logo{
background-image:url("images/digital.png");
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
float: left;
width: 180px;
height: 60px;
}
.screen-bkgr{
background-image:url("images/backgrd.png");
background-size: cover;
background-repeat: repeat;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
text-align:center;
font-family:Arial, sans-serif;
font-size:1rem;
}
.login-header{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60px;
padding: 10px;
background-color: rgba(255,255,255,0.9);
}
.login-header h2{
color: #000000;
line-height: 1rem;
display: inline-block;
}
.login-header-links{
display: inline-block;
float: right;
}
.login-header-links a{
color: #000000;
text-decoration: none;
}
.login-content-wrap{
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 50px;
overflow-y: auto;
}
.login-content{
display: inline-block;
width: 60%;
margin-top: 40px;
background-color: #ffffff;
text-align: left;
opacity: 0.9;
}
.login-content-header{
background-color: #c9c9c9;
padding: 10px;
}
.login-content-form{
padding: 10px;
opacity: 0.8;
}
.login-content-form li{
line-height: 1.5rem;
}
.login-button{
display: inline-block;
padding: 5px 10px;
border: 1 px #000000;
color: #000000;
font-weight: bold;
font-size: 18px;
background-color: #F7E819;
}
.login-footer{
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50px;
background-color: #8f1a1a;
text-align: right;
}
.login-footer a{
color: #ffffff;
text-decoration: none;
font-size: .9rem;
margin: 20px 10px 0 0;
display: inline-block;
}
</style>
<link rel='stylesheet' href='css/vcm_ui.css'>
<link rel='stylesheet' href='css/vcm.css'>
<!-- // added Story -->
<link rel="stylesheet" href="templates/custom.css">
<link rel="stylesheet" href="templates/story/story.css">
</head>
<body>
<header class="tour-header vcm-header-height vcm-header-base vcm-border-splash">
<div id="header">
<div class="logo-box vcm_copyright_headerLogoBox">
<div class="company-logo"></div>
</div>
<div class="title-box vcm_copyright_headerTitle"></div>
<div class="tool-box" style="cursor:pointer"></div>
</div>
</header>
<div id="story-frame" class="startscreen vcm-map-top">
<!-- Content Start Screen -->
<div class="balloon teaser-balloon" id="balloon-startscreen">
<div class="balloon-content">
<h1 class="balloon-title i18n_balloon_startscreen_title">
<!--img src="images/Logo_SV.png" width="150"-->
<strong>M4_Lab</strong> <br>Platform
</h1>
<button id="tourstart-btn" onclick="stopStory()" class="buttonset one"><span class="i18n_balloon_startscreen_btn">Start</span>
</button>
</div>
<div class="dialog-image-balloon"></div>
<div class="balloon-left-edge"></div>
</div>
<!-- End of: Content Start Screen -->
<!-- Content Tour -->
<div id="tour-frame" style="display: none; overflow-y: scroll;">
<div class="tour-top-navi">
<a href="#mystory" id = "testing" class="top-nav buttonset one"><i class="fa fa-globe"></i> Projekt 1</a>
<a href="#energiefahrrad" class="top-nav buttonset one"><i class="fa fa-bicycle"></i> Projekt 2</a>
<a href="#wea" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Projekt 3</a>
<a href="#projects" id="back" class="top-nav buttonset one"><i class="fa fa-bolt"></i> Back to Projekt View 3</a>
<!-- Buttonleiste oben
<a href="#demo-viewpoint" class="top-nav buttonset one"><i class="fa fa-globe"></i> Viewpoint</a>
<a href="#demo-hiding" class="top-nav buttonset one"><i class="fa fa-eye-slash"></i> Hiding</a>
<a href="#demo-highlight" class="top-nav buttonset one"><i class="fa fa-building"></i> Higlighting</a>
<a href="#demo-planning" class="top-nav buttonset one"><i class="fa fa-building"></i> Planning</a>
<a href="#demo-layer" class="top-nav buttonset one"><i class="fa fa-exchange"></i> Layer Switch</a>
<a href="#demo-labels" class="top-nav buttonset one"><i class="fa fa-tag"></i> Labels</a>
<a href="#demo-poi" class="top-nav buttonset one"><i class="fa fa-map-marker"></i> POI</a>
<a href="#demo-rotate" class="top-nav buttonset one"><i class="fa fa-repeat"></i> Rotate</a>
<a href="#story_start" class="top-nav buttonset one"><i class="fa fa-arrow-up"></i></a>
-->
</div>
<!-- Projekt 1
======================================================================================================= -->
<div id="projektOne" class="SideInfo" style="display:none;">
<h1 class="sticky" id="headOne">Böckinger Straße</h1>
<p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern
genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich
auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource
gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung
festlegt. Aber wie kann man solche Gemeingüter in einem sich neu
entwickelnden Quartier implementieren?</p>
<p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit
lokalen Akteuren erarbeitet und ausprobiert. <br>
Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation,
Programm und Bau - führen Interviews, erarbeiten ein Programm
und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag
gemeinsam mit Bewohnern und Nachbarn.</p><br>
<p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere
gesamte Woche in der Böckinger Straße.</p><br>
<p>@les_stuttgart</p>
<p>#ibasummerschool2019 #howtocommons #experiment</p>
<!-- Slideshow container -->
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg" style="width:100%">
<div class="text">Grafik</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/boeckinger_strasse.jpg" style="width:100%">
<div class="text">Böckinger Straße</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/holzwerkstatt_igh.jpg" style="width:100%">
<div class="text">Holzwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/infoabend_garten_igh.jpg" style="width:100%">
<div class="text">Infoabend im Garten</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/interviews_nachbarschaft.jpg" style="width:100%">
<div class="text">Interviews in der Nachbarschaft</div>
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_1.jpg" style="width:100%">
<div class="text">Offene Bauwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="numbertext">7 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_2.jpg" style="width:100%">
<div class="text">Offene Bauwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="numbertext">8 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_3.jpg" style="width:100%">
<div class="text">Offene Bauwerkstatt</div>
</div>
<div class="mySlides fade">
<div class="numbertext">9 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/planungsgebiet_choreographie.jpg" style="width:100%">
<div class="text">Planungsgebiet Choreographie</div>
</div>
<div class="mySlides fade">
<div class="numbertext">10 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/planungsgebiet_vogelperspektive.jpg" style="width:100%">
<div class="text">Planungsgebiet Vogelperspektive</div>
</div>
<div class="mySlides fade">
<div class="numbertext">11 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station1_spielekiosk.jpg" style="width:100%">
<div class="text">Spielekiosk</div>
</div>
<div class="mySlides fade">
<div class="numbertext">12 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg" style="width:100%">
<div class="text">Gartenkiosk</div>
</div>
<div class="mySlides fade">
<div class="numbertext">13 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station3_outdoorkiosk.jpg" style="width:100%">
<div class="text">Outdoorkiosk</div>
</div>
<div class="mySlides fade">
<div class="numbertext">14 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg" style="width:100%">
<div class="text">Outdoorkiosk</div>
</div>
<div class="mySlides fade">
<div class="numbertext">15 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/station4_infokiosk.jpg" style="width:100%">
<div class="text">Infokiosk</div>
</div>
<div class="mySlides fade">
<div class="numbertext">16 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/workshop_cafe_tas_1.jpg" style="width:100%">
<div class="text">Workshop Cafe Tas</div>
</div>
<div class="mySlides fade">
<div class="numbertext">17 / 17</div>
<img src="../../images/content/contentboeckingerstrasse/workshop_cafe_tas_2.jpg" style="width:100%">
<div class="text">Workshop Cafe Tas</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
<span class="dot" onclick="currentSlide(5)"></span>
<span class="dot" onclick="currentSlide(6)"></span>
<span class="dot" onclick="currentSlide(7)"></span>
<span class="dot" onclick="currentSlide(8)"></span>
<span class="dot" onclick="currentSlide(9)"></span>
<span class="dot" onclick="currentSlide(10)"></span>
<span class="dot" onclick="currentSlide(11)"></span>
<span class="dot" onclick="currentSlide(12)"></span>
<span class="dot" onclick="currentSlide(13)"></span>
<span class="dot" onclick="currentSlide(14)"></span>
<span class="dot" onclick="currentSlide(15)"></span>
<span class="dot" onclick="currentSlide(16)"></span>
<span class="dot" onclick="currentSlide(17)"></span>
</div>
<p class="contentOne"><Strong>TEAM KOMMUNIKATION</Strong> arbeitet direkt mit den Anwohnern zusammen.
Wer sind relevante Akteure? Welches Potential bringen neue Akteure mit?
Welche Art der Kommunikation braucht es? In Interviews werden Bedürfnisse
und Wünsche für das zukünftige Quartier abgefragt und gemeinsam
eine Kommunikationsstrategie erarbeitet.<br>
<strong>TEAM PROGRAMM</strong> beschäftigt sich damit, wie man die gegenwärtigen und
zukünftigen Bewohner*innen des Quartiers aktivieren kann, Gemeingüter
zu entwickeln und zu nutzen. Welche Aktivitäten gibt es bereits vor Ort?
Wo finden sie statt? Und durch welches Programm kann man Akteure
zusammen bringen?<br>
<strong>TEAM BAU</strong> gestaltet eine bauliche Intervention, die von den Nachbarn
gemeinschaftlich im Sinne eines Urban Common genutzt werden kann.
Was fehlt noch? Welche bauliche Intervention kann die Bildung von urban
commons unterstützen? Und was bleibt am Ende zurück?</p>
</div>
<div id="UmfrageOne" class="SideInfo" style="display:none;">
<iframe style="width: 95%; height:35em;margin-left:1em;margin-right:1em;border: none;" src="https://umfrage.smartvillages.online/limesurvey/index.php/351963?lang=de-informal"></iframe>
<p class="contentOne">Die Reduzierung des privaten Wohnraums bedingt auch das Zusammenleben
im Quartier. Wohnfunktionen werden wieder in den öffentlichen Raum
und die Gemeinschaft verlagert und im Sinne von urbanen Gemeingütern
genutzt. Die Funktionsweise solcher Gemeingüter beruht dabei hauptsächlich
auf drei Grundelementen: der Ressource, einer Gruppe, die die Ressource
gemeinsam nutzt und den Regeln, die diese Gruppe zur Nutzung
festlegt. Aber wie kann man solche Gemeingüter in einem sich neu
entwickelnden Quartier implementieren?</p>
<p class="contentOne">In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit
lokalen Akteuren erarbeitet und ausprobiert. <br>
Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation,
Programm und Bau - führen Interviews, erarbeiten ein Programm
und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag
gemeinsam mit Bewohnern und Nachbarn.</p><br>
<p class="contentOne">Folgen Sie uns auf Instagram! Fotos und Videos führen Sie durch unsere
gesamte Woche in der Böckinger Straße.</p><br>
<p>@les_stuttgart</p>
<p>#ibasummerschool2019 #howtocommons #experiment</p>
</div>
<!--=======================================================================================================-->
</div>
<div id="tour-button" title="Karte/Story umschalten">
<i class="fa"></i>
</div>
<!-- End of: Content Tour -->
</div>
<div id="vcs_map_container"></div>
<!--div id="vcs_map_container">
<div id="vcs_loading" style="background-color:#dee2c9; position:absolute; top:0; left:0; right:0; bottom:0; padding:12% 0; text-align:center; font-family:Arial, sans-serif; font-size:1.4rem; line-height:4rem;">
<div> virtualcity<b>MAP</b></div><img src='images/loading.gif'>
</div>
</div-->
<script src="lib/Cesium/Cesium.js"></script>
<script src='lib/vcm_thirdparty.js'></script>
<script src="lib/vcm-compiled_api.js"></script>
<script>
var startVCM = function() {
if(document.getElementById("check").checked === true){
vcs.vcm.Framework.activateLogging();
vcs.vcm.Framework.loadConfig('config.json');
} else {
alert("Bitte bestätigen Sie die Nutzungsbedingungen.");
}
}
</script>
<!--script>
vcs.vcm.Framework.activateLogging();
vcs.vcm.Framework.loadConfig('config.json');
</script-->
<script src='lib/vcm_ui.js'></script>
<script src="templates/custom.js"></script>
<script src="templates/checkmobile.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="templates/story/virtualcitystory.js"></script>
</body>
</html>
vcm/index_ohneStory.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<title>virtualcityMAP - 3D-Stadtmodelle im Browser</title>
<meta name="description" content="Möchten Sie Ihre massiven Geodaten, z.B. 3D-Stadtmodell, Schrägluftbilder oder Punktwolken als gehostete Webkarte veröffentlichen?" />
<meta name="keywords" content="WebGIS, 3D-Stadtmodell, CityGML, virtualcityMAP, virtualcitySYSTEMS">
<meta name="author" content="virtualcitySYSTEMS" />
<meta name="publisher" content="virtualcitySYSTEMS">
<meta name="copyright" content="virtualcitySYSTEMS">
<meta name="robots" content="index,follow">
<meta name="page-topic" content="Dienstleistung">
<meta name="page-type" content="company">
<meta http-equiv="language" content="deutsch, de">
<meta name="date" content="2017">
<meta name="audience" content="alle">
<!--favicon -->
<link rel="shortcut icon" href="data:image/vnd.microsoft.icon;base64,AAABAAMAMDAAAAEAIACoJQAANgAAACAgAAABACAAqBAAAN4lAAAQEAAAAQAgAGgEAACGNgAAKAAAADAAAABgAAAAAQAgAAAAAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqqoGEr6wqBK9sOASvbDgEr2w4BK9sOASvbDgE72xowC/vwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACqqgYRvbCxEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK8sKwAv78EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKqqBhG9sLESvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8Sva+tAMyZBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqqoGEb2wsRK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2wrgDMmQUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACqqgYRvbCxEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xG9sK8AzJkFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKqqBhG9sLESvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8RvK+wAMyZBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqqoGEb2wsRK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/EbyvsADMmQUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQu7ExEr2vcBK9r3ASva9wEr2vcBK9r3ASvbDUEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xO9scASva+QEr2vkBK9r5ASva+QEr2vkBG9sHcA//8BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWvLEXEr2w2BK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvrGcAP//AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFLqxGhO9sNwSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2wmgD//wEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABG7sx4SvbDgEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK+sJgA//8BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVurMlEr2w+RK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8TvLCVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgAITvbGjEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Eb2vkwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAAhK+r6ASvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK8sJEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE7yyNRO9sIgTvbCIE72wiBO9sIgTvbCIEr2vuhK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8Svq9mAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+/BBK9sKsSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK+sLcAtrYHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/vwQSvbCrEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2xtgC2tgcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv78EEr2wqxK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbC1ALa2BwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+/BBK9sKsSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK8sLQAtrYHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/vwQSvbCrEr2w/xK9sP8SvbD/Er2w5xO+sk8SvLDmEr2w/xK9sP8SvbD/E72xswCqqgYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv78EEr2wqxK9sP8SvbDnE7+zKAAAAAAUvK4mEr2w5RK9sP8TvbCyAKqqBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL+/BBO9sJcTv7MoAAAAAAAAAAAAAAAAFbqzJRK9sJoAqqoGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP///////wAA////////AAD///////8AAP///////wAA////////AAD///////8AAP///////wAA////////AAD///////8AAP///////wAA////////AAD///////8AAP///////wAA//wH////AAD/+AP///8AAP/wAf///wAA/+AA////AAD/wAB///8AAP+AAD///wAA/wAAH///AAD/+AAAf/8AAP/8AAAf/wAA//4AAA//AAD//wAAB/8AAP//gAAD/wAA//8AAAH/AAD//gAAAP8AAP/+AAAA/wAA///4AAD/AAD///wAAf8AAP///gAD/wAA////AAf/AAD///+CD/8AAP///8cf/wAA////77//AAD///////8AAP///////wAA////////AAD///////8AAP///////wAA////////AAD///////8AAP///////wAA////////AAD///////8AAP///////wAA////////AAD///////8AACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF7muFhS7r0AUu69AFLuvQBG/riwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABK/rRwTvbDcEr2w/xK9sP8SvbD/Er2w+xK8sFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASubAdEr2x3RK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w+xK8sFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEbuzHhK+sN4SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w+xK8sFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABC9rR8SvrDeEr2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w+xK8sFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8BEr2xfxK+r6ASvq+gErywrBK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w+xG9sHgTva9gE72vYBO9r2ATva82AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEb2wdxK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xO9sPgSvLFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEr2xfxK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xO9sPgSvLFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8BE72wzhK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xO9sPgSvLFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//ARO9sZYSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xO9sPgSvLFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWvLEXEbyxWBG8sVgRvLFYEr2vcBK9sPoSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sNcAqqoDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE76yTxK9sPoSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvrDeEL2tHwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE7yvUBK9sPoSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8SvbD/Er6w3hG7sx4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE76xUhK9sPsSvbD/Er2w8xK9sKcSvbD/Er2w/xK9sd0SubAdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEr6vUxK9sO4Ru648AAAAABK8sIoTvbDcEr+tHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEbuqDwAAAAAAAAAAAAAAABC/rxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////////4P///8B///+AP///AB///wAP///wAH//+AA///gAH//wAA///wAH//+AD///wB///+A////2f////////////////////////////////////////////////8oAAAAEAAAACAAAAABACAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASva9GEr6voBK8sZkMwqoVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASvLFIE72w+BK9sP8SvbD/Er2w0gzCqhUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATv7MoEr2wyBK9sOsSvbD/Er2w/xK9sP8SvbDSE72vNhC/rzAUxLENAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASubAdEr6w3hK9sP8SvbD/Er2w/xK9sP8SvbD/E72wzg64qhIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABK8sZkSvbD/Er2w/xK9sP8SvbD/Er2w/xK9sP8TvbDODriqEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACqqgYQv68wE72vNhK9sNISvbD/Er2w/xK9sP8SvbD/E72w+BC+rj8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMwqoVEr2w0hK9sPwSvbDpE72w+BK8sUgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAzCqhUUvrFOD7myIRO8sEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AAD//wAA//8AAP//AAD5/wAA8P8AAOB/AAD4DwAA+AcAAP4HAAD/DwAA//8AAP//AAD//wAA//8AAP//AAA=" />
<meta name="theme-color" content="#ffffff">
<!-- Social Media Tags -->
<meta property="og:locale" content="de_DE" />
<meta property="og:type" content="company" />
<meta property="og:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
<meta property="og:description" content="3D-Stadtmodelle im Browser - Entscheiden Sie sich für WebGIS Lösungen von virtualcitySYSTEMS." />
<meta property="og:url" content="https://www.virtualcitysystems.de" />
<meta property="og:site_name" content="virtualcitySYSTEMS" />
<meta property="article:tag" content="Berlin" />
<meta property="article:tag" content="WebGIS" />
<meta property="article:tag" content="3D-Stadtmodell" />
<meta property="article:tag" content="CityGML" />
<meta property="article:tag" content="Open Data" />
<meta property="article:tag" content="Cesium" />
<meta property="article:tag" content="SmartCities" />
<meta property="article:section" content="company" />
<meta property="article:section" content="city" />
<meta property="article:published_time" content="2017-01-01T10:10:10+00:00" />
<meta property="og:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
<meta name="twitter:title" content="virtualcityMAP - 3D-Stadtmodelle im Browser" />
<meta name="twitter:image" content="http://www.virtualcitysystems.de/images/vcs/slider/virtualcitySYSTEMS_Webhosting_Silder.jpg" />
<meta name="twitter:site" content="@virtualcity" />
<meta name="twitter:card" content="summary" />
</head>
<body>
<div id="vcs_map_container">
<div id="vcs_loading" style="background-color:#dee2c9; position:absolute; top:0; left:0; right:0; bottom:0; padding:12% 0; text-align:center; font-family:Arial, sans-serif; font-size:1.4rem; line-height:4rem;">
<div> virtualcity<b>MAP</b></div><img src='images/loading.gif'>
</div>
</div>
<script src="lib/Cesium/Cesium.js"></script>
<script src="lib/thirdparty/proj4.js"></script>
<script src="lib/thirdparty/olcesium/olcesium.js"></script>
<script type="module" src="lib/vcm-compiled_api_es6.js"></script><script nomodule src="lib/vcm-compiled_api.js"></script>
<link rel="stylesheet" href="css/vcm.css">
<link rel="stylesheet" href="css/vcm_ui.css">
<script type="module">
vcs.vcm.Framework.loadConfig('config.json');
</script>
<script nomodule>
vcs.vcm.Framework.loadConfig('config.json');
</script>
<!--UI-SCRIPT-->
<link rel="stylesheet" href="templates/custom.css">
<script defer src="templates/custom.js"></script>
<script type="module" src="lib/vcm_ui_es6.js"></script><script nomodule src="lib/vcm_ui.js"></script>
</body>
</html>
vcm/indexadd.txt 0 → 100644
View file @ c398fc9f
<div id="story-box" class="ui-scroll-content">
<!--div id="story-scroll"-->
<!-- <div id="story-scroll" class="scroll-container"> -->
<div id="mystory" class="story-content">
<h1>Smart Villages</h1>
<h2>Energielehrpfad Wüstenrot</h2>
<p><span>Für die Gemeinde Wüstenrot</span></p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo Elke -->
<div id="energiefahrrad" class="story-content">
<h2>Energiefahrrad</h2>
<p><p><span>
Viele Sportbegeisterte kennen das Radfahren auf der Stelle von Spinning auf dem Fahrradergometer.
Weniger viele Menschen wissen hierbei, wieviel Energie Sie aufwänden müssen, um beispielsweise
eine konventionelle Glühleuchte zum Leuchten zu bringen. Die Station des Energiefahrrads soll genau
hierfür sensibilisieren und aufzeigen,
Der Vergleich zu dem Energieaufwand auf dem Energiefahrrad wird sich durch alle weiteren Stationen des Energieerlebnispfads ziehen, so dass später auch die Brücke zu Windenergie und PV gebaut wird, um zu zeigen, wie vielfach das Leistungsvermögen solcher Anlage im Verhältnis zur Energieerzeugung eines Menschen auf dem Energiefahrrad ist.
Dies ermöglicht es, diese großen Mengen an Energie aus den unterschiedlichen Erzeugern greifbar zu
machen und in Relation zu setzen.
</span></p></p>
<p>
</p>
<iframe class="movie-wrap" src="https://www.youtube.com/watch?v=OQEtXgS-fg0&t=42s?fs=0&enablejsapi=1" frameborder="0"></iframe>
<div class="divider"></div>
</div>
<div id="wea" class="story-content">
<h2>Windenergieanlagen (Gemarkung Löwenstein)</h2>
<p><p><span>
Windenergieanlagen sind imposante Riesen, deren beachtliche Größe erst klar wird, wenn man sich in nächster Nähe zu den Anlagen befindet.
Welche Technologien sich in den Anlagen befinden, ist auf den ersten Blick jedoch nicht ersichtlich.
Auch hier kommt wieder die Augmented Reality zum Einsatz, bei welcher mit Hilfe eines Smart Phones oder Tablet PCs das virtuelle Bild vor der realen Welt das Innenleben einer Windenergieanlage sichtbar macht. Generator, Rotor, Stator, Umrichter und alle weiteren Komponenten, die für eine Netzeinspeisung der Energie benötigt werden, werden nicht nur bildlich, sondern auch mit Textbeschreibung und momentanen Daten ergänzt.
</span></p></p>
<p>
<img src="datasource-data/Docs/img/Lehrpfad.png" class="scale"><br>
</p>
<p><p><span>ClickInteractions: Interaction Chaining, jump to three viewpoints </span></p></p>
<p class="button-line">
<button id="demo-viewpointbutton" class="story-btn buttonset one">
<i class="fa fa-landmark"></i>
<span class="i18n_btn_science">Viewpoint Chaining on ButtonClick</span>
</button>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo Viewpoint -->
<div id="demo-viewpoint" class="story-content">
<h2>Jump to viewpoint</h2>
<p><p><span>ScrollInteraction: Jump To Viewpoint</span></p></p>
<p>
<img src="images/backgrd.png" width="850" height="669" class="scale"><br>
</p>
<p><p><span>ClickInteractions: Interaction Chaining, jump to three viewpoints </span></p></p>
<p class="button-line">
<button id="demo-viewpointbutton" class="story-btn buttonset one">
<i class="fa fa-landmark"></i>
<span class="i18n_btn_science">Viewpoint Chaining on ButtonClick</span>
</button>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo hide buildings -->
<div id="demo-hiding" class="story-content">
<h2>Hiding Buildings</h2>
<p>text text text</p>
<p>
<img src="images/backgrd.png" width="850" height="669" class="scale"><br>
</p>
<p class="button-line">
<button class="story-btn buttonset one" id="hideMyBuildingsButton">
<i class="far fa-eye-slash"></i>
<span>Hide my Buildings</span>
</button>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo highlight Builings -->
<div id="demo-highlight" class="story-content">
<h2>Highlight Buildings</h2>
<p>text text text</p>
<p>
<img src="images/backgrd.png" width="850" height="669"
class="scale"><br>
</p>
<p class="button-line">
<button class="story-btn buttonset two" id="highlightMyBuildingButton">
<i class="far fa-building"></i>
<span class="i18n_btn_science">Highlight my Buildings</span>
</button>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo switch Layer -->
<div id="demo-layer" class="story-content">
<h2>Show my Layer</h2>
<p>text text text</p>
<p>
<img src="images/backgrd.png" width="850" height="669" class="scale"><br>
</p>
<p class="button-line">
<button class="story-btn buttonset one" id="hidActivateLayerButton">
<i class="fa fa-exchange"></i>
<span>buildings</span>
</button>
<button class="story-btn buttonset one" id="hidActivateLayerButton2">
<i class="fa fa-exchange"></i>
<span>lehrpfad</span>
</button>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo show Planning -->
<div id="demo-planning" class="story-content">
<h2>Show my Plannings</h2>
<p>text text text</p>
<p>
<img src="images/backgrd.png" width="850" height="669"
class="scale"><br>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!-- Demo Rotate -->
<div id="demo-rotate" class="story-content">
<h2>Rotate around a viewpoint</h2>
<p>text text text</p>
<p>
<img src="images/backgrd.png" width="850" height="669"
class="scale"><br>
</p>
<p class="button-line" id="rotateButton">
<button class="story-btn buttonset one">
<i class="fa fa-repeat"></i>
<span>Rotate</span>
</button>
</p>
<div style="height:100px"></div>
<div class="divider"></div>
</div>
<!--/div-->
</div>
\ No newline at end of file
vcm/templates/HFTBuilding.geojson 0 → 100644
View file @ c398fc9f
{"id": "gNCzsWneg5Yi2w3jC", "type": "FeatureCollection", "features":[{"state":"dynamic","layerId":"gNCzsWneg5Yi2w3jC","featureType":"simple","type":"Feature","geometry":{"type":"Polygon",
"coordinates":[[
[9.170762620678612,48.78002315815621,0],
[9.170575214079244,48.7799629754314,0],
[9.170702928704829,48.77963231223359,0],
[9.171021752882137,48.779678526140316,0],
[9.170762620678612,48.78002315815621,0]]]},
"properties":{"olcs_storeyNumber":1},"vcsMeta":{"style":{"type":"vector","fill":{"color":[255,0,0,0.62]},"stroke":{"color":[255,0,0,0.62],"width":1.25,"lineDash":null}}},"id":"dQWfKiayEJ7ffLSv7fFXbLGL"}],"featureType":"simple","vcsMeta": {"version":"1.0","storeyHeight":3,"altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/templates/HFTBuilding1.geojson 0 → 100644
View file @ c398fc9f
{"id": "gNCzsWneg5Yi2w3jC", "type": "FeatureCollection", "features":[{"state":"dynamic","layerId":"gNCzsWneg5Yi2w3jC","featureType":"simple","type":"Feature","geometry":{"type":"Polygon",
"coordinates":[[
[9.170762620678612,48.78002315815621,3],
[9.170575214079244,48.7799629754314,3],
[9.170702928704829,48.77963231223359,3],
[9.171021752882137,48.779678526140316,3],
[9.170762620678612,48.78002315815621,3]]]},
"properties":{"olcs_storeyNumber":4},"vcsMeta":{"style":{"type":"vector","fill":{"color":[0,128,128,0.62]},"stroke":{"color":[0,128,128,0.62],"width":1.25,"lineDash":null}}},"id":"dQWfKiayEJ7ffLSv7fFXbLGL"}],"featureType":"simple","vcsMeta": {"version":"1.0","storeyHeight":3,"altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/templates/HFTBuilding2.geojson 0 → 100644
View file @ c398fc9f
{"id": "gNCzsWneg5Yi2w3jC", "type": "FeatureCollection", "features":[{"state":"dynamic","layerId":"gNCzsWneg5Yi2w3jC","featureType":"simple","type":"Feature","geometry":{"type":"Polygon",
"coordinates":[[
[9.170762620678612,48.78002315815621,15],
[9.170575214079244,48.7799629754314,15],
[9.170702928704829,48.77963231223359,15],
[9.171021752882137,48.779678526140316,15],
[9.170762620678612,48.78002315815621,15]]]},
"properties":{"olcs_storeyNumber":5},"vcsMeta":{"style":{"type":"vector","fill":{"color":[255,255,128,0.62]},"stroke":{"color":[255,255,128,0.62],"width":1.25,"lineDash":null}}},"id":"dQWfKiayEJ7ffLSv7fFXbLGL"}],"featureType":"simple","vcsMeta": {"version":"1.0","storeyHeight":3,"altitudeMode":"clampToGround"}}
\ No newline at end of file
vcm/templates/ProjektOne.geojson 0 → 100644
View file @ c398fc9f
{
"type": "FeatureCollection",
"name": "data_point",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "id": null, "name": "datapoint" }, "geometry": { "type": "Point", "coordinates": [ 9.196002, 48.789505 ] } }
]
}
vcm/templates/Questionnaire.geojson 0 → 100644
View file @ c398fc9f
{
"type": "FeatureCollection",
"name": "data_point",
"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
"features": [
{ "type": "Feature", "properties": { "id": null, "name": "datapoint" }, "geometry": { "type": "Point", "coordinates": [ 9.193117, 48.835119 ] } }
]
}
vcm/templates/checkmobile.js 0 → 100644
View file @ c398fc9f
window.mobilecheck = function() {
var check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
this.alert(check)
return check;
};
vcm/templates/custom.css 0 → 100644
View file @ c398fc9f
/* Border Colors of the header */
.vcm-border-splash{
border-color: #000000;
}
/* Change these two color values to change the button Color */
.vcm-base-splash,
.vcm-btn-base-splash,
.vcm-btn-base-splash-focus:focus,
.vcm-btn-base-splash-hover.active,
.vcm-btn-base-splash-hover.selected{
background-color: #000000;
}
.vcm-btn-base-splash-hover:hover,
.vcm-btn-base-splash-active:hover{
background-color: #000000;
}
.vcm-font-splash,
.vcm-btn-font-splash,
.vcm-btn-font-splash-hover:hover,
.vcm-btn-font-splash-hover.active,
.vcm-btn-icon-font-splash-hover:hover,
.vcm-btn-icon-font-splash-hover.active{
color: #000000;
}
/* Header Background Color */
.vcm-header-base {
background-color: #000000;
/* height: 3.5rem; */
}
/* Ballooon Color */
.balloon{
/* border: 5px solid #a8c02b; */
}
.balloon:before {
/* border-color: #a8c02b transparent; */
}
/** Show empty box for inactive layers in legend */
.setting-checker.inactive {
/*display: block !important;*/
}
/* Change Company logo in the upper left corner */
.company-logo {
/* background-image: url(../images/logo.jpg);
width: 140px;*/
height: 40px;
}
/* Change these values to change the height of the header (they should all have the same value) */
.vcm-header-height {
height: 3.5rem;
line-height: 3.5rem; /**/
}
.vcm-map-top {
top: 3.5rem; /**/
}
/* Change these values to change the height of the logobox in the lower left Company-box height should be 1rem less */
.vcm-map-bottom {
/* bottom: 4rem; */
}
.company-box {
/* height: 2.5rem; */
}
/* use this for map below header */
.mapElement {
/* top : -10px; */
}
/* ====================================================================================== */
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
/* Hide the images by default */
.mySlides {
display: none;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Caption text */
.text {
color: #f2f2f2;
background-color: #000000;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
#headOne{
font-size: x-large;
}
.SideInfo{
margin:1em;
}
/* #projektOne{
margin:10px;
/* margin-right:30px; */
/* width: 100%;
height: 100%; */
/* } */
/* #UmfrageOne{
margin:10px; */
/* margin-right:30px; */
/* width: 100%;
height: 100%; */
/* } */
.contentOne{
font-family: "Cambria", Georgia, serif;
font-weight: bold;
line-height: 1.6;
}
#tour-frame::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE and Edge */
#tour-frame {
-ms-overflow-style: none;
}
#headerOne {
position: fixed;
top: 0;
left: 0;
right: 0;
}
/*
@media (min-width: 720px) {
nav.top {
position: sticky;
top: 0;
}
nav .topmenu {
display: flex;
-ms-flex-pack: justify;
justify-content:space-between;
flex-wrap: wrap;
}
} */
h1.sticky {
position: -webkit-sticky;
position: sticky;
height:35px;
top: 30px;
font-size: 20px;
padding:5px;
padding-bottom:15px;
background-color: white;
}
div.tour-top-navi {
position: -webkit-sticky;
position: sticky;
height:30px;
top:0;
margin-bottom:10px;
background-color: white;
padding-left:10px;
margin:0px;
}
/* ´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´´ */
.balloon{
cursor: pointer;
}
\ No newline at end of file
vcm/templates/custom.js 0 → 100644
View file @ c398fc9f
var openquestionaire = function(){
var framework = vcs.vcm.Framework.getInstance();
var layers = framework.getLayers();
var layerBStr = layers[0];
// showTour();
layerBStr.highlight({"UUID_fcbe96cd-dd5f-425c-9d20-bbdcbd580e72":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_e9b699f1-d0fc-4a27-8723-56a0e26c72e8":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_28c63827-bd5c-46f8-8519-e305aeab00a5":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_fc7f8988-e62d-4769-9650-28a3609632d2":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_ab9268e8-590f-40fb-9e44-2832ff912e85":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_022ef041-dd36-403f-b890-0af45fa8bec7":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_d6facabb-3559-48d3-913f-e54a37243417":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_13a5effb-8ecc-41e1-8527-e1a810fc8b9a":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_898a14f3-977e-4edd-bea1-b88a815f3fa4":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_42fa857e-ba07-4afd-8848-8a801f0a895f":Cesium.Color.fromCssColorString("#BB8FCE")})
layerBStr.highlight({"UUID_bd9ace15-693e-440a-9605-c3892bc44cb8":Cesium.Color.fromCssColorString("#BB8FCE")})
var x = document.getElementsByClassName("contentWrap");
x.innerHTML = "Hello World!"
}
function stopStory() {
document.getElementById("tour-frame").style.display = "none"; // Click on the checkbox
// window.mobilecheck = function() {
var check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera);
console.log(check);
// return check;
// };
}
function showtourSpecific() {
// var oldstuff = document.getElementById("old")
// var para = document.createElement("P");
// para.innerHTML = "This is a paragraph.";
// document.getElementById("old").innerHTML = para.innerHTML;
document.getElementById("UmfrageOne").style.display = "none";
document.getElementById("projektOne").style.display = "block";
showTour();
}
// ======================================================================================
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
var heating
// =========================================================================
function ProjectOneFunction(){
vcs.vcm.Framework.getInstance().getActiveMap().gotoViewPoint(vcs.vcm.Framework.getInstance().viewpoints.stockach)
var layerNamesToDeactivate = ["ProjektOne"]
var layers = framework.getLayers();
for (var i = 0; i< layers.length; i++) {
var layer = layers[i];
if(layerNamesToDeactivate.indexOf(layer.getName()) >= 0) {
layer.activate(false);
}
}
var resultSimS = (callSimS());
heating = JSON.parse(fixJson(resultSimS.return));
console.log(resultSimS)
}
function Questionnaire() {
document.getElementById("projektOne").style.display = "none";
document.getElementById("UmfrageOne").style.display = "block";
showTour();
}
var internStuff = {
attic: true,
atticHeating: true,
basement: true,
basementHeating: true,
buildingType: "EFH", // other options: "RH", "MFH", "GFH", "HH"
flatRoof: true,
id: 'DEBW522AA000039fd', // equal with glmid
latitude: 51.44679140365339, // an example of a building in Essen
longitude: 6.967781962878631, // an example of a building in Essen
refurbishment: "statuQuo", // other options: "medium", "advanced"
simulationName: "MonthlyEnergyBalance", // just use this value for Heat/Cooling Demand
storeyCount: 3,
timestep: 1, // dummy integer, not yet integrated but mandatory
usageProfile: "Single Family House", // // other options: "Multi Family House"
yearOfConstruction: 1946
}
// var SimSInput = {
// gmlid: 'DENW22AL700004Lv', // an example of a building in Essen DENW22AL700004Lv
// cityID: 3, //, Essen 3 // Stockach 1
// // ui: internStuff
// };
var SimSOutput = ""
//Test SimStadt API //DEBW522AA0001585e
var callSimS = function(){
var framework = vcs.vcm.Framework.getInstance();
var layers = framework.getLayers();
var layerStock = layers[1];
layerStock.highlight({"DEBW522AA0001585e":Cesium.Color.fromCssColorString("#BB8FCE")})
try {
$.ajax({
async: false,
type: "POST",
url: '/getSimS',
data: internStuff
}).done(function (SimSMid) {
convertdata(SimSMid);
});
function convertdata(SimSMids) {
SimSOutput = SimSMids;
}
// console.log(currentwind);
return SimSOutput;
}
catch (err) {
console.log('-> function callSimS() failed!\n' + err);
}
}
function fixJson(JsonString) {
var objOne = JsonString
JsonString = "{" + JsonString + "}"
JsonString = JsonString.replace(/DEN/g, ',"DEN')
JsonString = JsonString.replace(/ing/g, 'ing"')
JsonString = JsonString.replace("ly", 'ly"')
// JsonString = JsonString.replace(/]/g, '],')
JsonString = JsonString.replace(/=/g, ':')
JsonString = JsonString.replace(',"DEN', '"DEN')
// JsonString = JsonString.replace("=", '":')
console.log(JsonString)
return(JsonString)
}
\ No newline at end of file
vcm/templates/de/datenschutzhinweise.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html>
<head>
<title>Datenschutzhinweise</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8"/>
<meta name="description" content="virtualcityMAP"/>
<meta name="keywords" content="virtualcityMAP, virtualcitySYSTEMS">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="../../css/vcm_info.css">
<script src="../../lib/vcm_info_thirdparty.js"></script>
</head>
<body>
<div class="header">
<h2>Datenschutzhinweise </h2>
</div>
<!-- Navigation wird nur in Desktop Ansicht gezeigt -->
<div class="hide-for-mobile main-navigation">
<div class="menu-box ui-scrollable">
<a href="#datenschutz" class="help-menu-button">Datenschutz</a>
</div>
</div>
<!-- ENDE: Navigation -->
<div id="main-content">
<div id="info-content-wrap">
<!-- Navigations Buttons werden nur bei geringen Auflösungen angezeigt -->
<div class="help-menu-toggler"><span>Datenschutzhinweise</span> <i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container für Inhaltstext: Bitte hier immer eine neue id vergeben und diese entsprechend in der Desktop Navigation im Link eintragen -->
<div id="allgemein" class="content-box">
<h3>Datenschutzhinweise</h3>
<p>Bitte geben Sie hier Ihren Text ein</p>
<hr/>
</div>
<!-- ENDE: Container Inhaltstext -->
</div>
</div>
</body>
</html>
vcm/templates/de/impressum.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html>
<head>
<title>Impressum</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8"/>
<meta name="description" content="virtualcityMAP"/>
<meta name="keywords" content="virtualcityMAP, virtualcitySYSTEMS">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="../../css/vcm_info.css">
<script src="../../lib/vcm_info_thirdparty.js"></script>
</head>
<body>
<div class="header">
<h2>Impressum</h2>
</div>
<!-- Navigation wird nur in Desktop Ansicht gezeigt -->
<div class="hide-for-mobile main-navigation">
<div class="menu-box ui-scrollable">
<a href="#daten" class="help-menu-button">Impressum</a>
</div>
</div>
<!-- ENDE: Navigation -->
<div id="main-content">
<div id="info-content-wrap">
<!-- Navigations Buttons werden nur bei geringen Auflösungen angezeigt -->
<div class="help-menu-toggler"><span>Impressum</span> <i class="fa fa-angle-down fa-2x drop-down"></i></div>
<!-- ENDE: Navigations Button -->
<!-- Container für Inhaltstext: Bitte hier immer eine neue id vergeben und diese entsprechend in der Desktop Navigation im Link eintragen -->
<div id="Kontakt" class="content-box">
<h3>Impressum</h3>
<p> Bitte geben Sie hier Ihr Impressum an:</p>
<br/>
<p>
<b>Adresse:</b><br/>
</p>
</div>
<!-- ENDE: Container Inhaltstext -->
</div>
</div>
</body>
</html>
vcm/templates/de/info.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html lang="de">
<head>
<title>Hilfe und Informationen zur virtualcityMAP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8"/>
<meta name="description" content="virtualcityMAP"/>
<meta name="keywords" content="virtualcityMAP, virtualcitySYSTEMS">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="../../css/vcm_info.css">
<script src="../../lib/vcm_info_thirdparty.js"></script>
</head>
<body>
<div class="header">
<h2>Hilfe und Informationen zur virtualcityMAP</h2>
</div>
<!-- Navigation wird nur in Desktop Ansicht gezeigt -->
<div class="hide-for-mobile main-navigation">
<div class="menu-box ui-scrollable">
<a href="#allgemein" class="help-menu-button">Allgemein</a>
<a href="#systemvoraussetzungen" class="help-menu-button">Systemvoraussetzungen</a>
<a href="#benutzer" class="help-menu-button">Benutzeroberfläche</a>
<a href="#2d" class="help-menu-button hidden vcs_vcm_maps_Openlayers">2D-Kartenansicht</a>
<a href="#3d" class="help-menu-button hidden vcs_vcm_maps_Cesium">3D-Kartenansicht</a>
<a href="#oblique" class="help-menu-button hidden vcs_vcm_maps_Oblique">Schrägluftbildansicht</a>
<a href="#einstellungen" class="help-menu-button">Einstellungen</a>
<a href="#filter" class="help-menu-button hidden vcs_vcm_widgets_legend_Legend">Inhalte</a>
<a href="#suche" class="help-menu-button hidden vcs_vcm_widgets_search_Search">Suche</a>
<a href="#shadow" class="help-menu-button hidden vcs_vcm_widgets_Shadow">Schatten</a>
<a href="#query" class="help-menu-button hidden vcs_vcm_widgets_Query">3D Objekt Abfrage</a>
<a href="#pdf" class="help-menu-button hidden vcs_vcm_widgets_PDFCreator">PDF Generator</a>
<a href="#export" class="help-menu-button hidden vcs_vcm_widgets_Export">Export Widget</a>
<a href="#drawing" class="help-menu-button hidden vcs_vcm_widgets_Drawing">Zeichenwerkzeuge</a>
<a href="#planning" class="help-menu-button hidden vcs_vcm_widgets_Planning">Planungswerkzeuge</a>
<a href="#flights" class="help-menu-button hidden vcs_vcm_widgets_Flight">Kamera Flüge</a>
<a href="#measurement" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Messwerkzeuge</a>
<a href="#obliqueMeasurement" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Messwerkzeug in der Schrägluftbild Karte</a>
<a href="#measurement2Dmap" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Messwerkzeug in der 2D Karte</a>
<a href="#measurement3Dmap" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Messwerkzeug in der 3D Karte</a>
<a href="#heightProfile" class="help-menu-button hidden vcs_vcm_widgets_heightProfile_HeightProfile">Höhenprofil</a>
<a href="#advancedWalkMode" class="help-menu-button hidden vcs_vcm_widgets_AdvancedWalkMode">Erweiterter Fußgängermodus</a>
<a href="#transpTerrain" class="help-menu-button hidden vcs_vcm_widgets_TransparentTerrainMode">Transparenter Geländemodus</a>
<a href="#postProcess" class="help-menu-button hidden vcs_vcm_widget_postProcessStages">Filter &amp; Effekte</a>
<a href="#navigation" class="help-menu-button hidden vcs_vcm_widgets_NavigationControls">Navigation</a>
<a href="#troubleshooting" class="help-menu-button hidden vcs_vcm_maps_Cesium">Problembehebung</a>
</div>
</div>
<!-- ENDE: Navigation -->
<div id="main-content">
<p id="info-content-wrap">
<!-- Navigations Buttons werden nur bei geringen Auflösungen angezeigt -->
<div class="help-menu-toggler"><span>Allgemeine Informationen</span>
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container für Inhaltstext: Bitte hier immer eine neue id vergeben und diese entsprechend in der Desktop
Navigation im Link eintragen -->
<div id="allgemein" class="content-box">
<h3>Allgemeine Informationen</h3>
<p>
Die vorliegende Anwendung basiert auf der virtualcityMAP-Technologie von virtualcitySYSTEMS. Sie umfasst je
nach Konfiguration Schrägluftbilder, eine 2D-Kartenansicht und eine 3D-Kartenansicht. Bei Fragen oder Problemen
wenden Sie sich bitte an Ihren Ansprechpartner bei virtualcitySYSTEMS.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler">
Systemvoraussetzungen
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="systemvoraussetzungen" class="content-box">
<h3>Systemvoraussetzungen</h3>
<p>
Die virtualcityMAP kann von jedem internetfähigen PC, der über einen WebGL-fähigen Browser verfügt, aufgerufen
werden. Für eine korrekte Anzeige und Nutzung der Kartenanwendung muss JavaScript im Browser aktiviert sein.
WebGL ist eine Programmierschnittstelle für Webbrowser, um 3D-Grafiken ohne zusätzliche Erweiterungen anzeigen
zu können. Sie ist seit 2011 in allen gängigen Browsern standardmäßig aktiviert.
Der Internet Explorer unterstützt WebGL ab Version 11. Der Microsoft Edge ist ab Version 0.95 WebGL-fähig.
</p>
<p>
Auf der offiziellen Webseite von WebGL finden Sie eine Testseite, auf der Sie prüfen können, ob Ihr Browser
WebGL-fähig ist: <a href="http://get.webgl.org" target="_blank">http://get.webgl.org</a>
</p>
<p>
Eine Liste aller unterstützenden Browserversionen finden Sie bei Wikipedia:
<a href="https://en.wikipedia.org/wiki/WebGL" target="_blank">https://en.wikipedia.org/wiki/WebGL</a>.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler">
Benutzeroberfläche
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="benutzer" class="content-box">
<h3>Benutzeroberfläche</h3>
<p>
<img src="../../img/map.png" width="1920" height="1080" alt="Benutzeroberfläche" class="scale border"/>
</p>
<p>
Im <strong>Kartenfenster</strong> der Anwendung steht Ihnen neben der Suche die Navigations-Rose und die
vertikale Leiste mit den Bedienelementen zur
Verfügung.
</p>
<p><strong>Navigations-Rose</strong></p>
<p>
<img src="../../img/navigation.jpg" height="140" width="120" alt="Navigations-Rose" class="single-left">
Über die Pfeilsymbole der Navigations-Rose können Sie sich in der Karte per Mausklick in die entsprechende
Pfeilrichtung fortbewegen. Ein Klick auf "N" richtet die Karte nach Norden aus. Mit einem Klick auf das
Augensymbol in der Mitte des Elements starten Sie eine automatische Drehung der Karte um die aktuelle Ansicht.
Ein erneuter Klick auf das Symbol stoppt den Rundflug. Diese Funktion steht nur in der 3D-Ansicht zur Verfügung.
<br>
Die Bedienelemente in der horizontalen Leiste unter der Navigations-Rose erlauben Ihnen die Ansicht zu kippen
sowie das Rein- bzw. Rauszoomen in die Kartenansicht. Ist das Positions-Widget implementiert, haben Sie
daneben die Möglichkeit Ihren aktuellen Standort anzeigen zu lassen.
</p>
<p class="clear-both">
<br>
<strong>Fußgängermodus</strong>
</p>
<p>
<span class="control-box-btn walkmode single-left"></span>
Erkunden Sie das Stadtmodell im Fußgängermodus, indem sie zunächst das Männchen auswählen und anschließend in
der Karte an die gewünschte Stelle platzieren. Sie können dann mit den Pfeiltasten auf der Tastatur jeweils
Schritte nach vorne, hinten, links und rechts simulieren.
Durch gedrückt halten der rechten Maustaste ermöglichen Sie ein Drehen der Figur in die gewünschte Richtung.
Somit wird ein freies Bewegen auf dem Gelände gewährleistet.
</p>
<p class="clear-both">
Die Bedienleiste im Fußgängermodus ermöglicht zudem die Einstellung des Blickwinkels und die Höhe des Blicks
über dem Gelände. Um den Fußgängermodus zu beenden, klicken Sie erneut auf das Männchen um es zu deselektieren.
</p>
<p class="clear-both">
<br>
<strong>Bedienelemente</strong>
<br><br/>
Die Bedienelemente in der rechten vertikalen Leiste bieten verschiedene Funktionen an.
</p>
<p>
<span class="widget-button single-left white font-icon fa fa-home"></span>
Der <b>Home-Button</b> erlaubt Ihnen zur Startansicht zurückzukehren.
</p>
<p class="clear-both">
<span class="widget-button single-left white font-icon vcm-btn-map-Oblique"></span>
<span class="widget-button single-left white font-icon vcm-widget-btn-map Openlayers"></span>
<span class="widget-button single-left white font-icon vcm-widget-btn-map Cesium"></span>
Mit Hilfe der <b>Schrägluftbild-/2D/3D/-Buttons</b> kann je nach Konfiguration zwischen der Schrägluftbild-,
der 2D- und der 3D-Ansicht umgeschaltet werden.
</p>
<p class="clear-both">
<span class="widget-button single-left white font-icon fa fa-th"></span>
Sind bestimmte Widgets (Export, Query, etc.) aktiviert, können diese über die <b>Widget-Auswahl Schaltfläche</b>
mit dem Rastersymbol ausgewählt werden. Die zur Verfügung stehenden Widgets werden separat erläutert.
</p>
<p class="clear-both">
<span class="widget-button single-left white font-icon fa fa-map"></span>
Die Schaltfläche mit dem Kartensymbol klappt eine kleine Übersichtskarte auf, die Ihnen bei der Orientierung
hilft. Sie zeigt, wo Sie sich auf dem großen Kartenausschnitt befinden und in welche Richtung Sie blicken.
Wird die Übersichtskarte in der Schrägbildansicht aktiviert, werden die Umringe der Schrägbilder in der
Übersichtskarte angezeigt.<br>
</p>
<p class="clear-both">
<br>
<strong>Selektion von Objekten</strong>
<br/><br/>
Ein Klick mit der linken Maustaste auf ein Gebäude im 3D Stadtmodell selektiert dieses und färbt es
rot ein. Sind zusätzliche Informationen zu diesem Objekt vorhanden, werden sie in einem
Informations-Balloon angezeigt. Ein Klick auf einen leeren Bereich (z.B. das Gelände) deselektiert das Gebäude.
</p>
<p> Mehrere Gebäude können durch die Kombination <i>Strg+Klick</i> ausgewählt werden.
Die Gebäude werden dann blau eingefärbt. Diese Funktion kann zum Hervorheben bestimmter Gebäude genutzt werden.
Weiterhin wird sie auch vom Export-Widget verwendet. Sind mehrere Gebäude ausgewählt, müssen diese wieder
einzeln abgewählt werden.
</p>
<p>
<br>
<strong>Footer</strong>
<br><br>
Im Footer finden Sie neben dem Impressum auch die Datenschutzhinweise. In einigen Anwendungen
werden nach einem Klick auf die Karte im Footer die Koordinaten der zuletzt angeklickten Position angezeigt.
In der Schrägluftbildansicht wird hier der Name des aktuell angezeigten Schrägluftbildes angezeigt.
Zusätzlich können im Footer Copyright-Hinweise für aktuell eingeblendete Ebenen angezeigt werden.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Openlayers">
2D-Kartenansicht
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="2d" class="content-box hidden vcs_vcm_maps_Openlayers">
<h3>2D-Kartenansicht</h3>
<p>
Die 2D-Kartenansicht bietet folgende Navigationsmöglicheiten:
</p>
<p><br>
<strong>Navigation in der Karte:</strong>
</p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... mit der Maus</strong></td>
<td><strong>... mit der Tastatur</strong></td>
</tr>
<tr>
<td>Karte verschieben</td>
<td>Linke Maustaste drücken und Karte ziehen</td>
<td>Über die Pfeiltasten entsprechende Richtung auswählen</td>
</tr>
<tr>
<td>Ansicht vergrößern / verkleinern</td>
<td>Durch Drehen des Mausrads wird aus der Kartenansicht herein- bzw. herausgezoomt</td>
<td>Drücken der Plus- bzw. Minus-Taste</td>
</tr>
</tbody>
</table>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Cesium">
3D-Kartenansicht
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="3d" class="content-box hidden vcs_vcm_maps_Cesium">
<h3>3D-Kartenansicht</h3>
<p>
In der 3D-Kartenansicht wird ein Geländemodell auf Basis der Open Source Technologie
<a href="https://cesiumjs.org/" target="_blank">Cesium</a> angezeigt. Als Geländetextur wird die in der 2D-Sicht
aktivierte Kartenebene genutzt. Über die Filtereinstellungen kann falls vorhanden eine andere Eben aktiviert
werden.
</p>
<p>
<strong>Navigation in der Karte:</strong>
</p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... mit der Maus</strong></td>
<td><strong>... mit der Tastatur</strong></td>
</tr>
<tr>
<td>Karte verschieben</td>
<td>Linke Maustaste drücken und Karte ziehen</td>
<td>Über die Pfeiltasten entsprechende Richtung auswählen</td>
</tr>
<tr>
<td>Ansicht kippen</td>
<td>Mit gedrücktem Mausrad die Maus gleichzeitig nach oben bzw. unten bewegen</td>
<td> Bild-Auf- und Bild-Ab-Taste drücken</td>
</tr>
<tr>
<td>Ansicht drehen</td>
<td>Mit gedrücktem Mausrad die Maus gleichzeitig nach rechts bzw. links bewegen</td>
<td>Drücken der Pos1-Taste bzw. Ende-Taste</td>
</tr>
<tr>
<td>Ansicht vergrößern / verkleinern</td>
<td>Durch Drehen des Mausrads oder auf-/ ab Bewegung mit der rechten Maustaste wird aus der Kartenansicht
herein- herausgezoomt
</td>
<td>Drücken der Plus- bzw. Minus-Taste</td>
</tr>
</tbody>
</table>
<p><strong>Navigation im Fußgängermodus:</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... mit der Maus</strong></td>
<td><strong>... mit der Tastatur</strong></td>
</tr>
<tr>
<td>Laufen</td>
<td></td>
<td>Pfeiltasten bewegen die Figur in entsprechende Richung</td>
</tr>
<tr>
<td>Blick und Bewegungsrichtung</td>
<td>Mit gedrückter linker Maustaste den Kursor an die gewünschte Stelle bewegen</td>
<td></td>
</tr>
</tbody>
</table>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Oblique">
Schrägluftbildansicht
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="oblique" class="content-box hidden vcs_vcm_maps_Oblique">
<h3>Schrägluftbildansicht</h3>
<p>
In der Schrägluftbildansicht wird ein einzelnes Schrägluftbild angezeigt. Die Auswahl des anzuzeigenden Bildes
erfolgt beim Umschalten über den Raumbezug.
</p>
<p>
Innerhalb der Schrägluftbildansicht kann über die Navigations-Rose zwischen den Blickrichtungen gewechselt werden.
Wird die Übersichtskarte aktiviert, so umfasst diese die Umringe der Bilder. Zusätzlich wird der Umring des
aktivierten Bildes hervorgehoben.<br>
Innerhalb der Widget-Auswahl (Oberhalb des Button für die Übersichtskarte) befinden sich Messfunktionen
(Strecken- und Höhenmessung). Ein Klick auf die gewünschte Messfunktion aktiviert diese.
Die Messfunktionen für die Schrägluftbildansicht werden <a href="#obliqueMeasurement">hier</a> erläutert.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler">
Einstellungen
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="einstellungen" class="content-box">
<h3>Einstellungen</h3>
<p>
Über die Schaltfläche "Einstellungen" im Kopfbereich der Anwendung können Nutzer weitere Einstellungen der
virtualcityMAP vornehmen.
</p>
<p class="hide-for-mobile">
<img src="../../img/settings_header_de.jpg" height="249" width="1920" class="scale border" alt="Einstellungen">
</p>
<p>
<strong>Spracheinstellungen</strong>
</p>
<p>
Durch Auswahl einer Sprache aus dem Drop-Down Menü kann die Sprache der Anwendung geändert werden.
</p>
<div class="hidden vcs_vcm_widgets_displayQuality">
<strong>Anzeigequalität / Rendering Einstellungen</strong><br>
<img src="../../img/settings_rendering_de.jpg" height="740" width="345" class="float-left single-image"
style="width: 250px; height: auto;" alt="Rendering">
<p>
Im <i>Display Quality Widget</i> der virtualcityMAP, lässt sich die client-seitige Darstellungsqualität für
3D Ansichten anpassen. Durch die Auswahl eines der Stern-Symbole kann eine vordefinierte Darstellungsqualität
(niedrig, mittel, hoch) gewählt werden.
</p>
<p>
Ist die Option 'Advanced Quality Settings' verfügbar, können erweiterte Einstellungen getroffen werden.
</p>
<p>
Dazu stehen folgende Optionen zur Verfügung:
</p>
<table border="1">
<tbody>
<tr class="head">
<td style="width: 20%;">Option</td>
<td>Erklärung</td>
</tr>
<tr>
<td>FXAA</td>
<td>
Auswahl, ob der Fast Approximate Anti-Aliasing Algorithmus (FXAA) zur Kantenglätting verwendet werden soll.
</td>
</tr>
<tr>
<td>SSE</td>
<td>
Definiert den Screen Space Error (SSE) Faktor der Karte, der mit dem SSE der Karte multipliziert wird.
</td>
</tr>
<tr>
<td>Fog</td>
<td>Auswahl, ob Nebel dargestellt werden soll. Nebel verringert die Sichtweite, steigert jedoch die
Performance.
</td>
</tr>
<tr>
<td>Fog Density</td>
<td>Spezifiziert den Faktor mit dem der Wert der Nebeldichte der Karte multipliziert wird.</td>
</tr>
<tr>
<td>Fog SSE</td>
<td>Spezifiziert den Faktor mit dem der Screenspace Error des Nebels der Karte multipliziert wird.
</td>
</tr>
<tr>
<td>Resolution-Scale</td>
<td>
Skalierungsfaktor der Auflösung der Anwendung. Ein Wert von 1 übernimmt die Auflösung des Browsers. Dies
entspricht der besten Qualität. Ein höherer Wert verringert die Auflösung; z.B. wird bei einem Wert von 2
nur ein viertel der Pixel gerendert.
</td>
</tr>
<tr>
<td>Layer SSE</td>
<td>
Spezifiziert den Faktor mit dem der Screen space Error der jeweiligen Ebene multipliziert wird.
</td>
</tr>
</tbody>
</table>
<p><br>
<strong>Filter und Effekte</strong>
</p>
<p>
Ist das Post Rendering aktiviert, lassen sich verschiedene Effekte auf die 3D-Kartendarstellung anwenden.
Anpassungen der Filterintensität können mit dem Symbol „+“ vorgenommen werden.
</p>
</div>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_legend_Legend">Inhalte<i
class="fa fa-angle-right fa-2x drop-down"></i></div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="filter" class="content-box hidden vcs_vcm_widgets_legend_Legend">
<h3>Inhalte</h3>
<p>
Über das Symbol "Inhalte" im Kopfbereich der Anwendung können Nutzer einen Legendenbaum mit thematisch
sortierten Informationen anzeigen lassen. Hier ist es möglich, Ebenen und Ansichten zu aktivieren bzw.
deaktivieren. Je nach aktivierter Anwendungssicht (2D, 3D, Schrägbilder) können ggf. unterschiedliche Ebenen
aktiviert und deaktivert werden.
</p>
<p>
Das Themen & Inhalte Fenster kann über das Pfeilsymbol von der Mitte in den linken Bildschirmrand und umgekehrt
verschoben werden. Nur wenn das Themen &amp; Inhalte Fenster am linken Bildschirmrand angezeigt wird, kann
gleichzeitig in der Karte navigiert werden.
</p>
<p>
<img src="../../img/inhalte.png" width="1918" height="975" alt="Themenauswahl" class="scale border"/>
</p>
<p>Folgende Funktionen stehen Ihnen am Ende des Themen & Inhalte Fensters zur Verfügung:</p>
<ol>
<li>
<strong>PDF erzeugen</strong>
<br/>Hier können Sie den gewählten Kartenausschnitt mit den eingeblendeten Standortmarkern und Informationen
als PDF speichern.
<br/></li>
<li>
<strong>Link erzeugen</strong>
<br/>Ein Klick auf diese Funktion klappt ein Zusatzfeld mit einem Link zu den zu diesem Zeitpunkt ausgewählten
Ebenen und dem aktuellen Standort aus.
Der Link kann durch einen Klick auf das links eingeblendete Symbol komfortabel in die Zwischenablage
kopiert werden.
<br/></li>
<li>
<strong>Alle Einstellungen zurücksetzen</strong>
<br/>Löscht alle bisherigen Eingaben im Themen & Inhalte Fenster
</li>
</ol>
<br/>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_search_Search">
Suche
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="suche" class="content-box hidden vcs_vcm_widgets_search_Search">
<h3>Suche</h3>
<p>
Innerhalb der virtualcityMAP steht Ihnen eine Suchfunktion zur Verfügung, mit der nach Adressen oder Schlagworten
gesucht werden kann. Das Suchfeld kann hierbei durch Vorschläge (z.B. Schlagwörter, Unternehmens- und
Straßennamen) zur Vervollständigung der Suchanfrage unterstützen.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Shadow">
Schatten
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="shadow" class="content-box hidden vcs_vcm_widgets_Shadow">
<h3>Schatten</h3>
<p>
<span class="control-box-btn fa-adjust float-left"></span>
Das Schatten-Widget befindet sich neben der Navigations-Rose. Ein Klick auf das Icon aktiviert den Schattenwurf
in der Karte. Es enthält ebenfalls einen Slider zum Ändern der Tageszeit.
</p>
<p>
<span class="control-box-btn fa-wrench float-left"></span>
Mit Klick auf das Symbol für Schatteneinstellungen wird ein Menü geöffnet, in dem das Datum und die Uhrzeit für
den simulierten Schattenwurfs eingegeben werden kann.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Query">
3D Objekt Abfrage
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="query" class="content-box hidden vcs_vcm_widgets_Query">
<h3>3D Objekt Abfrage</h3>
<p>
<span title="Gebäude finden" class="widget-button single-left font-icon">
<span class="fa-building-o stack-building"></span>
<span class="fa-search stack-second-icon"></span>
</span>
Mit dem Query Widget der virtualcityMAP, steht eine Suche zur Verfügung, mit der über einen Web Feature Service
(WFS) auf der Datenbank nach 3D Objekten gesucht werden kann. Das Query Widget befindet sich in der
Widget-Auswahl innerhalb der Bedienelemente.
</p>
<p>
Sind vordefinierte Abfragen vorhanden, kann eine Abfrage aus dem Drop-Down Menü ausgewählt und eventuell
angepasst werden. Zusätzlich können freie Abfragen definiert werden. Hierzu muss zunächst die Objektart (z.B.
_CityObject, Building, Bridge etc.), nach der gesucht werden soll, ausgewählt werden. Zusätzlich kann die Suche
durch Attribut- und Geometriefilter verfeinert werden.
</p>
<p>
<b>Attributfilter</b>
erlauben die Suche anhand bestimmter Attribute der gewählten Objektart zu verfeinern. Ein Attributfilter besteht
aus einem Attribut, einem Operator und einem Wert. Der Operator passt sich dem Datentyp des Attributs an:
</p>
<ul>
<li>
bei einem numerischen Attribut (z.B. bldg:yearOfConstruction) sind größer, kleiner, (un)gleich und
Intervall Abfragen möglich
</li>
<li>
bei Zeichenketten (String) sind (un)gleich und like Abfragen möglich
</li>
<li>
bei generischen Attributen muss zusätzlich der Name des generischen Attributs angegeben werden.
</li>
</ul>
<p>
<b>Geometriefilter</b>
erlauben die Suche räumlich einzuschränken. Ein Geometriefilter besteht aus einem Operator, einer Geometrie und
eventuell einer Entfernung. Als Operatoren stehen <i>Intersects</i>, <i>Within</i> und <i>DWithin</i> zur
Verfügung.
</p>
<ul>
<li>
Ist <i>Intersects</i> als Operator ausgewählt, werden alle Objekte markiert, die sich mit der
gewählten Geometrie schneiden (und dem Attributfilter entsprechen).
</li>
<li>
Ist <i>Within</i> als
Operator ausgewählt, werden alle Objekte markiert, die sich in der gewählten Geometrie befinden.
</li>
<li>
Ist <i>DWithin</i> als Operator ausgewählt, werden alle Objekte markiert, die sich innerhalb der
spezifizierten Entfernung der gewählten Geometrie befinden.
</li>
</ul>
<p>
Es können folgende Geometrien definiert werden: Punkt, Linie, Polygon, Rechteck. Durch ein Klick auf das "X"
Symbol kann eine definierte Geometrie wieder entfernt werden.
</p>
<p class="inline-block">
<img src="../../img/boundingbox_query.png" class="float-left single-image" style="width: 200px;"
alt="Bounding Box" />
<span class="infobox">
<b>Wichtig:</b><br>
Der Geometriefilter bezieht sich nicht auf die tatsächliche Objektgeometrie sondern dessen
Boundingbox. Die Boundingbox ist ein (imaginäres) Rechteck, welches das Objekt in Blickrichtung Norden komplett
einschließt. Die nebenstehende Abbildung zeigt ein Beispiel.
</span>
</p>
<p class="clear-both">
<b>Kombinationsfilter</b>
erlauben die beiden genannten Filter miteinander zu verschachteln. Dabei ist es auch möglich, die Kombinierte
Abfrage mit weiteren kombinierten Abfragen zu verschachteln. Die Abfragen können also beliebig komplex gestaltet
werden.<br>Beispielfragestellung: "Welche Gebäude im Schillerkiez haben eine Gebäudehöhe von mehr als
25 m<sup>2</sup>"<br>Attributfiler: bldg:measuredHeight > 25<br>
Geometriefilter: Polygon gezeichnet um den Schillerkiez<br>
</p>
<p>
Ein Klick auf "Abfrage starten" schickt die zuvor definierte Abfrage an den WFS. Die Anzahl der 3D Objekte, die
der Abfrage entsprechen, wird bei Antwort des WFS dargestellt.
Es ist möglich die Objekte der Karte hinzuzufügen (einfärben), bereits hinzugefügte Objekte durch diese zu
ersetzen, zu den gefundenen Objekten zu zoomen, oder diese Objekte aus der Karte zu löschen
(die Färbung aufheben).
Die betroffenen Objekte werden als Liste darunter aufgezeigt und sind einzeln anwählbar.
Durch das Anwählen wird auf das entsprechende Objekt gezoomt.
</p>
<p>
Die folgende Abbildung zeigt das Ergebnis einer Abfrage von Gebäuden mit dem Attribut "bldg:measuredHeight >
25", die das definierte Polygon(orange) schneiden.
Es ist zu sehen, dass zehn Gebäude den definierten Filtern entsprechen.
</p>
<div class="inline-block">
<img src="../../img/schillerkiez.png" width="1052" height="944" class="scale border" alt="Schillerkiez">
</div>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_PDFCreator">
PDF Generator
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="pdf" class="content-box hidden vcs_vcm_widgets_PDFCreator">
<h3>PDF Generator</h3>
<p>
Im Widget-Menü, oder unter Inhalte befindet sich die PDF Export Funktion, mit der die aktuelle Ansicht der
Anwendung in einer PDF Datei gespeichert
werden kann. Das PDF kann je nach Konfiguration im Backend mit zusätzlichen Informationen angereichert werden.
</p>
<p>
Bitte beachten Sie, dass der Ausschnitt unabhängig von Bildschirm-/ Fenstergröße erstellt wird. Stattdessen wird
dieser ausgehend vom Mittelpunkt der
Ansicht, im Format 16:9 kreiert. Daher ist es möglich, dass die Ansicht des resultierenden PDF von der
angezeigten Ansicht abweicht.
</p>
<img src="../../img/pdf-export/form-pdf-export.jpg" height="330" width="265" class="border float-right"
alt="PDF-Export"/>
<p>Als <b>Papierformat</b> können die DIN Größen A5 bis A2 gewählt werden.</p>
<p>
Die <b>DPI (Dots Per Inch)</b> Anzahl bestimmt die Auflösung des Kartenausschnittes. Hierbei gilt es zu
beachten, dass ein Wert von 4096 x 4096 Pixel
(InternetExplorer 2048 x 2048 Pixel) nicht überschritten werden kann. Dies bedeutet, dass beispielsweise eine
eigestellte Seitengröße im A2 Querformat
in Kombination mit 600 dpi nicht ausgegeben werden kann. Stattdessen wird die höchstmögliche Auflösungsstufe
verwendet.
</p>
<p>
Das Format sowie die DPI Zahl haben Einfluss auf die resultierende Größe des PDF's und auf die
Erstellungsdauer.
</p>
<p>
<b>Orientierung</b><br>
Es kann zwischen Hoch- und Querformat gewählt werden. Die Größe der Abbildung ist bei Verwendung des Hochformats
entsprechend kleiner.<br>
Die aus der Standardeinstellung (Hochformat, A4, 300 dpi) resultierende Pixelgröße beträgt 2055 x 933 Pixel.<br>
Aus der kombinierten Einstellung (Querformat, A4 und 300 dpi), resultiert eine Größe von 3402 x 1370 Pixel.
</p>
<p>
Wurde im Backend ein <b>Titel Eingabefeld</b> konfiguriert, kann hier ein beliebiger Titel eingegeben werden.
Wird das Feld nicht ausgefüllt, wird automatisch der Titel der Anwendung verwendet.
</p>
<p>
Wurde im Backend ein <b>Anmerkungsfeld</b> konfiguriert, können in diesem Feld Anmerkungen eingetragen werden.
</p>
<p>
Durch den Button <b>PDF erzeugen,</b> wird direkt ein PDF erzeugt und heruntergeladen und mit map.pdf benannt.
</p>
<div class="inline-block">
<img src="../../img/pdf-export/screen-pdf-export.jpg" width="600" height="430" class="scale border"
alt="Screeenshot zum PDF Export"/>
</div>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Export">
Export
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="export" class="content-box hidden vcs_vcm_widgets_Export">
<h3>Export</h3>
<p>
<span class="widget-button single-left white font-icon fa fa-download"></span>
Das Export Widget der virtualcityMAP ermöglicht es 3D Objekte aus der zugrunde liegenden Datenbank zu exportieren.
</p>
<p class="clear-both">
Es gibt zwei Möglichkeiten, um die Objekte auszuwählen, die exportiert werden sollen:<br>Die Objektauswahl und
die Bereichsauswahl (Flächen-Auswahl). Objektauswahl bedeutet, dass Objekte direkt ausgewählt werden, z.B. als
Ergebnis einer 3D-Objektabfrage oder per Mausklick, mit Strg + Linksklick können Sie Gebäude zu Ihrer Auswahl
hinzufügen oder entfernen. Die Bereichsauswahl ermöglicht es dem Benutzer, die zu exportierenden Objekte anhand
einer räumlichen Ausdehnung auszuwählen. Dazu muss eine Geometrie (Polygon oder Begrenzungsrahmen) definiert
werden. Die Objekte, deren Mittelpunkt in dieser Geometrie enthalten ist, werden exportiert.
Der Benutzer kann auch eine Geojson-Datei hochladen oder die Auswahlform nach dem Zeichnen exportieren.
</p>
<p>
Da der Exportvorgang mehrere Stunden dauern kann, muss der Benutzer eine E-Mail-Adresse angeben. Wenn der
Exportvorgang abgeschlossen ist, wird eine Download-URL, die auf die exportierten Daten verweist, an diese
E-Mail-Adresse gesendet.
</p>
<p>
Einige zusätzliche Einstellungen müssen vorgenommen werden:<br> Exportformat, LoD-Ebene und thematische
CityGML-Klassen. Abhängig vom gewählten Format können Texturen verfügbar sein. Das CityGML-Format unterstützt
alle übergeordneten CityGML-Themenklassen für den Export, andere Formate sind jedoch begrenzt. Ein Klick auf
'Anfrage senden' startet den Exportvorgang.
</p>
<p>
Die folgende Abbildung zeigt eine exemplarische Definition eines Exportprozesses, bei dem acht Gebäude
ausgewählt werden. Als Exportformat werden <i>CityGML</i>, als LoD-Level <i>LoD 3</i> und als thematische
Klassen <i>Building</i> sowie <i>GenericCityObject</i> ausgewählt.
Die Objekte werden mit Texturen exportiert (Erscheinungsbild: rgbTexture).
</p>
<div class="inline-block">
<img src="../../img/export/export_de.jpg" width="900" height="830" class="scale border"
alt="Screenshot Export Widget">
</div>
<p>
Sollte Ihr Export nicht die erwarteten Objekte enthalten, wenden Sie sich bitte an den Administrator von 3D Maps.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Drawing">
Zeichenwerkzeug
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="drawing" class="content-box hidden vcs_vcm_widgets_Drawing">
<h3>Zeichenwerkzeug (Drawing Widget)</h3>
<p>
<b>Allgemeines</b>
</p>
<p>
<span class="widget-button single-left white font-icon fa fa-paint-brush"></span>
Das Drawing Widget ermöglicht es dem Benutzer, einfache sowie komplexe Objekte im Kontext des Umgebungsmodells
zu zeichnen. Es kann durch einen Klick auf das abgebildete Symbol in der Widget-Auswahl aktiviert werden.
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-overview-de.jpg" height="382" width="353" class="scale border"
alt="Überblick Zeichenwerkzeuge">
</div>
</div>
<p>
Das Drawing Widget ist in drei Bereiche aufgeteilt. Im oberen Teil können über die entsprechenden Buttons die
verschiedenen Zeichenmodi ausgewählt werden. Direkt darunter befinden sich die Buttons für die
Objektmodifikation, Transformation bzw. Import/Export-Schnittstelle. Unterhalb der Buttons befinden sich die
Registerkarten, in denen die Einstellungen für die verschiedenen Stile und Erscheinungsformen gesetzt werden
können.
</p>
<p><br>
<b>Objekte zeichnen</b><br><br>
Objekte können auf verschiedene Arten gezeichnet werden. Neben den „klassischen“ Geometrietypen wie Punkt, Linie
und Polygon wird das Zeichnen von Bounding Boxes, Kreisen sowie Rechtecken unterstützt. Über die entsprechende
Auswahl im oberen Bereich des Drawing Widgets wird der Zeichenmodus für den gewünschten Geometrietypen gesetzt.
</p>
<p>
Punkte werden durch einfaches Klicken an der gewünschten Stelle der Karte gesetzt. Eine Linie wird durch setzen
ihrer Stützpunkte gezeichnet. Zum Abschließen der Linie wird der letzte Stützpunkt mit einem Doppel-Klick
gesetzt. Alternativ kann das Zeichnen über den Haken-Button beendet werden. Ein Polygon wird ähnlich wie eine
Linie gezeichnet. Wird jedoch der letzte Stützpunkt gesetzt, wird das Polygon automatisch durch eine Linie zum
ersten Stützpunkt geschlossen.
</p>
<p>
Kreise werden durch setzen eines Kreismittelpunktes in einem ersten Klick und einem zusätzlichen zweiten Punkt,
der den Radius angibt, gezeichnet. Bounding Boxes werden durch Setzen der oberen linken und unteren rechten Ecke
erzeugt. Sie sind dabei stets Richtung Norden ausgerichtet. Rechtecke mit beliebiger Ausrichtung können durch
drei Punkte gezeichnet werden. Dabei geben die ersten beiden Punkte die Richtung an. Durch den dritten Punkt
kann basierend auf dieser „Grundlinie“ die breite des Rechtecks definiert werden. Text Labels werden durch
setzen eines Punktes in der Karte positioniert.
</p>
<p class="clear-both"></p>
<div class="inline-block image-wrapper border">
<b>Punkt</b><br>
<img src="../../img/drawing/drawing-point.jpg" height="400" width="500" class="scale"
alt="Punkt Stil Werkzeuge" />
</div>
<div class="inline-block image-wrapper border">
<b>Linie</b><br>
<img src="../../img/drawing/drawing-line.jpg" height="400" width="500" class="scale"
alt="Linien Stil Werkzeuge" />
</div>
<div class="inline-block image-wrapper border">
<b>Polygon</b><br>
<img src="../../img/drawing/drawing-polygon.jpg" height="400" width="500" class="scale"
alt="Polygon Werkzeug" />
</div>
<div class="inline-block image-wrapper border">
<b>Bounding Box / Rechteck</b><br>
<img src="../../img/drawing/drawing-bbox.jpg" height="400" width="500" class="scale"
alt="BoundingBox Werkzeug" />
</div>
<div class="inline-block image-wrapper border">
<b>Kreis</b><br>
<img src="../../img/drawing/drawing-circle.jpg" height="400" width="500" class="scale"
alt="Kreis Werkzeug" />
</div>
<div class="inline-block image-wrapper border">
<b>Textlabel</b><br>
<img src="../../img/drawing/drawing-text-lable.jpg" height="400" width="500" class="scale"
alt="Textlabel Werkzeug" />
</div>
<p><br>
<b>Höhenmodus</b>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-level.jpg" height="201" width="353" class="scale border"
alt="Beispiel Höhenmodus Einstellungen auf absolut" />
</div>
</div>
<p>
Für das Zeichnen von Objekten stehen zwei Höhenmodi zu Verfügung, welche über die Radio-Buttons ausgewählt
werden können. Im Modus „<b>Bodenlevel</b>“ werden die Objekte direkt auf dem Terrain gezeichnet. Im
„<b>Absoluten</b>“ Modus können Objekte auf bereits bestehenden Objekten gezeichnet werden.
</p>
<img src="../../img/drawing/drawing-level-absolute.jpg" height="250" width="400" class="border float-right" alt="" />
<p class="clear-both"><br>
<b>Objekte Bearbeiten und Transformieren</b>
</p>
<p>
<img src="../../img/drawing/drawing-select-buttons.jpg" height="51" width="91" class="single-left"
alt="Selektions Buttons" />
Zum Bearbeiten von Objekten stehen zwei Modi zur Verfügung. Mittels „Hand-Button“ gelangen Sie in den Modus zum
Verschieben und Transformieren von Objekten. Über den zweiten Button gelangen Sie in den Modus, um Objekte zu
bearbeiten. Nachdem ein Modus ausgewählt wurde, können Objekte in der Karte selektiert und entsprechend den
Funktionen des Modus bearbeitet werden.
</p>
<p>
Im Folgenden werden die einzelnen Funktionen der Modi beschrieben:
</p>
<div class="inline-block image-wrapper border" style="width: auto;">
<b>Verschieben und Transformieren</b><br>
<img src="../../img/drawing/drawing-help-transform.jpg" height="441" width="313" alt="" class="scale" />
</div>
<div class="inline-block image-wrapper border" style="width: auto;">
<b>Bearbeiten</b><br>
<img src="../../img/drawing/drawing-help-edit.jpg" height="115" width="313" alt="" class="scale" />
</div>
<p class="clear-both"><br>
<b>Extrusion</b>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-extrusion.jpg" height="155" width="352" class="scale border" alt="" />
</div>
</div>
<p>
Um aus flächenhaften Objekten Volumenkörper zu generieren, können diese um beliebige Höhen extrudiert werden.
Dazu wird ein Objekt im Bearbeitungsmodus ausgewählt. Es erscheint die Schaltfläche für die Angabe der
Extrusionshöhe.
</p>
<p>
In einigen Fällen kann es zu Visualisierungszwecken sinnvoll sein, Objekte nicht nur in die Höhe zu Extrudieren,
sondern zusätzlich in die Tiefe zu erweitern. Gerade an steilen Böschungen können so beispielsweise „schwebende“
Gebäude vermieden werden. Über die Angabe des „Skirts“ kann die Extrusionstiefe angepasst werden.
</p>
<p>
Alle Objekte lassen sich zusätzlich auf das Gelände legen.
</p>
<p class="clear-both">
<b>
Import / Export
</b>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-import-export.jpg" height="146" width="354" class="scale border" alt="" />
</div>
</div>
<p>
Gezeichnete Objekte sind lediglich für die aktuelle Browser-Session gültig. Um diese zu persistieren, können
Objekte im Format GeoJSON exportiert und anschließend wieder importiert werden. Dabei ist es möglich, nur die
aktuell selektierten Objekte oder alle gezeichneten Objekte zu exportieren.
</p>
<p class="clear-both">
<b>Stile (Textur, Linie, Schrift, Punkt)</b>
</p>
<p>
Die Erscheinung der Geometrien kann bereits vor dem Zeichnen gesetzt werden. Nachträglich können Geometrien im
Bearbeitungsmodus verändert werden.
</p>
<p>
<b>Textur Stil</b>
<img src="../../img/drawing/drawing-stil-texture.jpg" height="141" width="352" class="float-left border" alt="" />
<br><br>
In der Registrierkarte „Textur Stil“ können die Deckfarbe sowie die Deckkraft der Flächen bestimmt werden.
Neben vordefinierten Grundkarten können über RGB-Werte beliebige Farbtöne auswählt werden.
</p>
<p class="clear-both">
<b>Linien Stil</b>
<img src="../../img/drawing/drawing-stil-line.jpg" height="165" width="352" class="float-left border" alt="" />
<br><br>
Für Linien-Geometrien kann neben der Linienfarbe und der Deckkraft die Linienstärke angegeben werden.
</p>
<p class="clear-both">
<b>Schriftformatierung</b>
<img src="../../img/drawing/drawing-stil-text.jpg" height="342" width="352" class="float-left border" alt="" />
<br><br>
Text Labels können in verschieden Schriftarten und -größen erzeugt werden. Der Text lässt sich in <b>Fett</b>,
<i>Kursiv</i> oder Normal darstellen. Auch die Textfarbe und deren Deckkraft ist individuell definierbar.
<br><br>
Es besteht die Möglichkeit den Text mit einer Umrandung zu umgeben. Dies kann durch Drücken des Buttons
„Textumrandung entfernen“ aktiviert bzw. deaktiviert werden. Auch hier ist eine Farbauswahl möglich.
</p>
<p class="clear-both">
<b>Punktstil</b>
<img src="../../img/drawing/drawing-stil-point.jpg" height="475" width="352" class="float-left border" alt="" />
<br><br>
Für Punkte können der gewünschte Radius, die Füllfarbe sowie Linienrandfarbe bestimmt werden. Wahlweise kann der
Linienrand gesetzt werden. Über den Button „Icon Auswählen“ können vordefinierte Symbole als Punktmarker
verwendet werden.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Planning">
Planungswerkzeuge
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="planning" class="content-box hidden vcs_vcm_widgets_Planning">
<h3>Planungswerkzeuge</h3>
<p>
<img src="../../img/planning_button.png" class="single-left" alt="Button Planung" />
Das Planungswerkzeug ermöglicht das Hochladen von Planungsmodellen in die virtualcityMAP.
Zusammen mit dem Schatten Widget erlaubt es die Simulation des Schattenwurfs von Planungsmodellen.
</p>
<p class="clear-both">
Zur Nutzung des Planungswerkzeugs ist eine Authentifizierung mit gültigem Benutzernamen und Passwort notwendig.
Diese werden im Administrationsbereich des Planungswerkzeugs für die Benutzer angelegt. Nach dem Login wird eine
Übersicht der bestehenden Projekte mit Zugangsberechtigung dargestellt. Zudem ist es möglich neue Projekte
anzulegen. Zum Anlegen eines neuen Projektes muss ein Projektname spezifiziert werden. Eine Projektbeschreibung
kann optional angegeben werden. Weiterhin erscheint nach der Anmeldung in der oberen rechten Ecke der
virtualcityMAP der Button 'Abmelden' welcher die Abmeldung vom Planungswerkzeug ermöglicht.
<br>
</p>
<img src="../../img/planner/planner-start.jpg" height="200" width="1132" class="scale border"
style="max-width: 1132px" alt="Projektliste" />
<p>
Ist ein Projekt durch den Klick auf den <b>Projektnamen</b> in der linken Spalte selektiert, kann es weiter
bearbeitet werden. Hier kann das Projekt veröffentlicht werden, es ist möglich die Zugriffsrechte zu verwalten,
die Projektbeschreibung zu bearbeiten oder das Projekt zu löschen.
</p>
<p>
Ein Klick auf den <b>Stift</b> neben dem Projektnamen öffnet den Bearbeitungsmodus, der es ermöglicht im Projekt
zu arbeiten.
</p>
<p>
Im Folgenden werden alle Funktionen erläutert.
</p>
<div class="image-box">
<div class="sketch" style="max-width: 358px;">
<img src="../../img/planner/planning_all_objects_de.jpg" width="358" class="border scale" alt="Planung">
</div>
</div>
<p>
Der Button, der aktuell aktivierten Funktion wird jeweils grün hinterlegt.
</p>
<ul class="inline-block">
<li><a href="#projectlistview">Zur Projektliste zurückkehren</a></li>
<li>
<a href="#objectlist">Liste mit allen vorhandenen Objekten anzeigen</a>
<ul>
<li><a href="#dataImport">Daten Import/Export</a></li>
<li><a href="#editObject">3D Modelle bearbeiten</a></li>
<li><a href="#layerEditor">Vektor Ebenen im Layer Editor bearbeiten</a></li>
<li><a href="#drawing">Zeichnungen erstellen/bearbeiten</a></li>
</ul>
</li>
<li><a href="#hideobjects">Objekte in der Karte ausblenden</a></li>
<li><a href="#createFlight">Kameraflug erzeugen</a></li>
<li><a href="#createViewpoint">Viewpoints erstellen</a></li>
<li><a href="#addComment">Kommentar einfügen</a></li>
</ul>
<p class="clear-both" id="projectlistview">
<span class="widget-button single-left dark font-icon fa fa-list"></span>
<b>Zurück zur Projektliste</b><br>
Durch die Auswahls des ersten Buttons gelangt man zurück zur Projektliste.
</p>
<p id="objectlist">
<span class="widget-button single-left dark font-icon">
<span class="fa-building-o stack-building dark"></span>
<span class="fa-plus-circle stack-second-icon plus"></span>
</span>
<b>Liste mit allen vorhandenen Objekten anzeigen</b><br>
&Uuml;ber diese Liste k&ouml;nnen neue Daten in die virtualcityMAP importiert werden, sowie vorhandene Daten
bearbeitet oder entfernt werden.
</p>
<p>
Hier kann zum Beispiel ein neues 3D-Modell durch Klick auf den "Daten importieren"
Button hinzugefügt werden,
F&uuml;r den Daten Import öffnet sich der Dateibrowser, in dem die Datei f&uuml;r die Planung zum Upload
ausgewählt werden kann. Ist eine Datei ausgewählt, startet ein Klick auf 'Öffnen' automatisch den Upload-Prozess.
Momentan werden glTF, glb, COLLADA, Zip und KMZ Dateien unterstützt.
</p>
<p>
&Uuml;ber "Zeichnung erstellen" kann ein neues Objekt auf der Karte gezeichnet werden.
Mit Klick auf den Button öffnen sich, wie auch beim Zeichenwerkzeug, die Bearbeitungsansicht zum Zeichnen.
Erläuterung der Bedienung hierzu, finden Sie unter dem Abschnitt "<a href="#drawing">Zeichenwerkzeug</a>".
</p>
<p>
Ein Klick auf den Objektnamen zentriert die Karte automatisch an diesem Objekt. Die Buttons daneben haben
folgende Funktionen:
</p>
<ul>
<li>
<i>Stift</i> erlaubt das Objekt zu bearbeiten. Wie man Objekte bearbeitet entnehmen Sie bitte dem jeweiligem
Abschnitt:
<ul>
<li><a href="#editObject">3D Modell bearbeiten</a></li>
<li><a href="#layerEditor">Layer Editor</a></li>
<li><a href="#drawing">Zeichenwerkzeuge</a></li>
</ul>
</li>
<li>
<i>Durchgestrichenes Auge</i> blendet das Objekt aus
</li>
<li>
<i>Mülltonne</i> entfernt das Objekt aus dem Projekt
</li>
</ul>
<p id="hideobjects"><br>
<b>Objekte ausblenden</b>
</p>
<div class="image-box">
<div class="sketch" style="max-width: 355px;">
<img src="../../img/planner/planning-hide-objects-de.jpg" width="355" class="border scale"
alt="Objekte ausblenden">
</div>
</div>
<p>
Das Planungsmodul der Karte erlaubt es Nutzern 3D-Objekte des Mapkontexts im Rahmen der Planung zu verbergen.
Bäume, Gebäude, etc. können so für Planungszwecke virtuell entfernt werden. Damit kann die Planung im Bestand
und nach „virtuellem Abriss“ realisiert werden.
</p>
<p>
Ausgeblendete Objekte werden in einer Liste mit ihren ID’s dargestellt. Ein Klick auf das Auge neben der ID
zeigt das Objekt in der Karte wieder an und löscht es aus der Liste der zu verbergenden Objekte. Bewegt man die
Maus über die Objektliste, werden die ausgeblendeten Objekte temporär in der Karte angezeigt und mit einem roten
Highlightstyle versehen.
</p>
<p id="createFlight" class="clear-both">
<span class="widget-button dark single-left widget-icon-svg-camera"></span>
<b>Kameraflug erzeugen</b><br>
Mit diesem Werkzeug können Sie aus dem Planungsmodul heraus virtuelle Rundflüge erstellen und diese in der
Anwendung abspielen, oder auch als GeoJSON exportieren.
<br><br>
Eine ausführliche Anleitung zur Erstellung eines Fluges finden Sie unter dem Abschnitt des dazugehörigen
Widget zur Erstellung von <a href="#flights">virtuellen Rundflügen</a>.
</p>
<p id="createViewpoint" class="clear-both"><br>
<b>Viewpoint erstellen</b>
</p>
<div class="image-box">
<div class="sketch" style="max-width: 351px;">
<img src="../../img/planner/planner-viewpoint-de.jpg" height="438" width="351" class="border scale" alt=""/>
</div>
</div>
<p>
Die Möglichkeit Viewpoints in der Planner Umgebung zu erstellen, erlaubt es dem Nutzer im Kontext der Projekte
verschiedene Viewpoints zu definieren.<br> Diese Viewpoints werden neben den Vektorebenen und Flügen in der Legende
dargestellt. Zudem können die hier definierten Ansichten zum Beispiel im Flugwidget verwendet werden, um zu den
hier vordefinierten Punkten zu gelangen.<br> Mit dem Klick auf „Neuen Viewpoint erstellen“ wird der jeweilige
Blickpunkt verwendet, an dem sich der Nutzer gerade befindet.
</p>
<p>
Die Bearbeitung des Namens und die Feinjustierung des Viewpoints kann mit Klick auf das Stift Symbol vorgenommen
werden.<br>
Durch Aktivierung des Fußgängermodus können kleinere Änderungen des Blickwinkels vorgenomen werden.
Die Änderungen des Namens und des Blickwinkels können mit einem Klick auf die Schaltflächen daneben übernommen
oder verworfen werden.
</p>
<p>
Mit einem Klick auf das Stern Symbol am Viewpoint wird festgelegt, zu welchem Blickpunkt die virtualcityMAP
springt, wenn man das übergeordnete Projekt anklickt.
</p>
<p id="addComment" class="clear-both">
<b>Kommentar einfügen</b><br>
</p>
<div class="image-box">
<div class="sketch" style="max-width: 355px;">
<img src="../../img/planner/planner-comment.jpg" height="285" width="355" class="border scale" alt="" />
</div>
</div>
<p>
Die Kommentarfunktion des Planners erlaubt es Ihnen Planungsorte zu markieren und wichtige Informationen zwischen
den Nutzern zu teilen. Dies können Bearbeitungsstände oder ähnliches sein.
</p>
<p>
Jeder Kommentar enthält einen Titel und eine individuelle Beschreibung durch den Autor. Als Metadaten des
Kommentars werden der Autor, das Datum und die Zeit gespeichert. Die Position des Kommentars wird dabei durch
einen farbigen Marker repräsentiert.
</p>
<p>
<img src="../../img/planner/planner-comment-balloon.jpg" height="145" width="497"
class="scale float-right" style="width: 320px; height: auto;" alt="" />
Die Beschreibung, als auch der Titel werden im Balloon angezeigt. Autor, Datum und Zeit werden im Footer des
Balloon repräsentiert. Änderungen durch einen Nutzer werden ebenfalls im Footer präsentiert, kenntlich gemacht
durch den Zusatz „Editiert“ und dem Datum / Zeit der Editierung.
</p>
<p>
Über die Filter Dropdown und Selektion Menüs können Kommentare einzelner Nutzer und Kommetarmarkern angezeigt werden.
So ist eine Selektion für einzelne Nutzerkommentare oder Planungsstufen möglich.
</p>
<p>
Verfügt der Nutzer über die entsprechenden Berechtigungen (Einstellbar im Backend des virtualcityPLANNER) zum
Teilen, kann die Planung mit anderen Nutzern geteilt werden. Dies ermöglicht anderen Nutzern ebenfalls
Kommentare zu erstellen und in der Karte zu positionieren. In einer geteilten Planung sind dann alle Kommentare
für alle anderen Nutzer mit denen geteilt wurde, sichtbar.
</p>
<p class="clear-both">
<b>Editieren eines Kommentars:</b><br>
<span class="widget-button single-left sub-btn font-icon fa fa-pencil"></span>
Klick auf den Stift öffnet das Editierfenster. Hier können Titel, Beschreibung, Position und Farbe des Markers /
Kommentars durch einen berechtigten Nutzer verändert werden.
</p>
<p>
<b>Verschieben eines Markers:</b><br>
„ALT“ + Linke Maustaste ziehen des Markers an die gewünschte Position.
</p>
<p>
<b>Farbliche Änderung eines Markers:</b><br>
<img src="../../img/planner/comment-marker.jpg" height="53" width="183" alt="Set von Markern"/><br>
Auswahl eines anderen Markers aus der Leiste der verfügbaren Marker und Speichern der Änderungen.
</p>
<p id="dataImport"><br>
<b>Daten Import / Export</b>
</p>
<p>
Daten können auf Planungs- und auf Layerebene per Button oder Drag&Drop importiert werden.
</p>
<p>
<img src="../../img/planner/data-import-project-de.jpg" height="240" width="356" class="border scale float-left"
style="max-width: 356px;" alt="" />
Ein <b>Import auf Planungsebene</b> bewirkt, dass für jedes importierte File eine entsprechende Ebene angelegt
wird. Ebenen in diesem Sinne sind Vektor-, Raster- und 3D Objektebenen.
</p>
<p style="margin-bottom: 0;">
<b>Importformate:</b><br>
In eine Planungsinstanz können nativ folgende Formate importiert werden:
</p>
<ul class="inline-block">
<li>GeoJSON</li>
<li>Shape als ZIP-Archiv</li>
<li>Collada-Dateien (DAE)</li>
<li>KMZ</li>
<li>GLTF / GLB</li>
<li>GeoTIFF</li>
<li>Andere Bildformate wie PNG, JPG</li>
</ul>
<p class="clear-both">
<img src="../../img/planner/data-import-layer-de.jpg" height="509" width="355" class="border scale float-left"
style="max-width: 355px; margin-bottom: 20px;" alt=""/>
Ein <b>Import auf Layerebene</b> ist nur für Vektorebenen möglich und integriert die importierten Feature in
diese Ebene.
</p>
<p style="margin-bottom: 0;">
<b>Importformate:</b>
</p>
<ul class="inline-block">
<li>GeoJSON</li>
<li>Shape als ZIP-Archiv</li>
</ul>
<p>
Je nach Importformat variiert das Verhalten des virtualcityPLANNER.
</p>
<p>
GeoJson & Shape Dateien sind georeferenziert und werden entsprechend in der Karte platziert. Wenn keine
absoluten Höhenangaben in diesen Formaten vorliegen, werden diese über das Gelände (Clamp to Ground) der Karte
gelegt. Existiert das Attribute olcs_extrudedHeight in den Formaten Shape / GeoJson werden die Objekte
extrudiert und in der Karte platziert.
</p>
<p>
KMZ, DAE und GLTF / GLB Modelle werden prozessiert und müssen dann in der Karte an der entsprechenden
Stelle manuell platziert werden. Siehe Abschnitt <a href="#editObject">„3D Modell bearbeiten“</a>.
</p>
<p>
Rasterformate werden prozessiert und unter Rasterebenen abgelegt. Bis auf GeoTIFF müssen diese dann auf der
Karte manuell platziert werden.
</p>
<p><br>
<b>Exportformate:</b><br>
Der virtualcityPLANNER erlaubt es an unterschiedlichen Stellen, Daten zu exportieren.<br>
Je nach Ebene können die Daten als GeoJSON (Vektorebene) oder GLTF /GLB (Objektebene) exportiert werden.
<br><br>
Einzelobjekte (aus der 3D Objektebene) werden generell als GLB Modelle exportiert.
<br>
Vektorobjekte bzw. –ebenen werden generell als GeoJSON exportiert.
</p>
<p class="clear-both">
<b>Export aus der Objektebene:</b><br>
<img src="../../img/planner/export-icons.png" height="39" width="67" alt="" class="float-left"/>
Button links: Modell als GLTF / GLB - Modell herunterladen<br>
Button rechts: VCS Konfigurationsdatei für die Integration in den vcPUBLISHER herunterladen (nur für Experten)
</p>
<p id="editObject" class="clear-both inline-block"><br>
<b>3D Modell bearbeiten</b><br><br>
Sobald ein Objekt hochgeladen wurde, hat man die Möglichkeit es im Bearbeitungsmodus zu bearbeiten. Hier kann
ein Objektname sowie eine Objektbeschreibung hinzugefügt werden. Die darunter liegenden Buttons haben folgende
Funktionen:<br><br>
<span class="inline-block">
<img src="../../img/placemarker.png" class="single-left" alt="Button Platzierung" />
Das Objekt kann durch einen Klick in die Karte an jeden beliebigen Punkt gesetzt werden.
</span><br>
<span class="clear-both inline-block">
<img src="../../img/place_on_terrain.png" class="single-left" alt="Button Platzierung auf Terrain" />
Ermöglicht es, das Gebäude auf dem Gelände zu platzieren.
</span><br>
<span class="clear-both inline-block">
<img src="../../img/zoom_to_object.png" class="single-left" alt="Button Zoom" />
Zoomt zum gewählten Objekt.
</span><br>
<span class="clear-both inline-block">
<img src="../../img/arrow_cross.png" class="single-left" alt="Button Objekt verschieben" />
Ermöglicht das Objekt zu verschieben (in X-, Y- und Z-Richtung) und eine Skalierungsfaktor einzugeben.
</span><br>
<span class="clear-both inline-block">
<img src="../../img/round_arrow.png" class="single-left" alt="Button Objekt drehen und kippen" />
Rotieren und kippen des Objektes.
</span>
</p>
<div>
<p>Die folgende Abbildung zeigt die Platzierung eines Planungsmodells in der Map.</p>
<img src="../../img/planner/planning_shanghai.jpg" width="1039" class="scale border" style="max-width: 1039px"
alt="Sceenshot Planung Shanghai">
</div>
<p id="layerEditor"><br>
<b>Layer Editor</b>
</p>
<p>
Layer Editor Allgemein:<br>
Die Funktionalitäten des Layereditor im Planungs widget sind im wesentlichen an das Drawing widget der
virtualcityMAP angelehnt, erweitert diese aber um Funktionalitäten die den Planungskontext zusätzlich
unterstützen. So können schnell und einfach Layerbeschreibungen, Featurebeschreibungen, individuelles Styling
und vieles mehr realisiert werden, Shape-Dateien, GeoTiff, Collada, GLTF & KMZ können mühelos integriert werden
und den Planungskontext so erheblich stärken.
</p>
<p>
Im Layer Editor stehen zur Bearbeitung des Layers und der darin enthaltenen Objekte/Features
3 Modi zur Verfügung:
</p>
<ul>
<li>Erstellen</li>
<li>Bearbeiten</li>
<li>Einstellungen</li>
</ul>
<p>
<img src="../../img/planner/planner-le-create.jpg" height="256" width="354" class="float-left border scale"
alt="" style="max-width: 354px"/>
<b>Erstellen:</b><br>
Zu Beginn muss festgelegt werden, ob auf Bodenlevel – oder ob im Absolut Modus auf ein bestehendes, bzw. selbst
gezeichnetes Gebäude gezeichnet werden soll. Per Default wird auf dem Bodenlevel gezeichnet.
Der Absolut – Modus muss für jedes gezeichnete Objekt neu gewählt werden.<br><br>
Anschließend kann durch Klick auf einen Button aus der oberen Reihe eine Geometrie Form zum Zeichnen festgelegt
werden.<br><br>
Zum Erstellen/Zeichnen eines Objektes, stehen dieselben Funktionen zur Verfügung, die auch im
Zeichenmodus/Drawing Widget verwendet werden. Eine Beschreibung der Funktionen finden Sie im Abschnitt für die
<a href="#drawing">Zeichenwerkzeuge</a>.
</p>
<p class="clear-both">
<img src="../../img/planner/planner-le-edit.jpg" height="427" width="354" class="float-left border scale"
alt="" style="max-width: 354px" />
<b>Bearbeiten:</b><br>
Im Bearbeitungsmodus können einzelne Features ausgewählt werden:
</p>
<ul class="inline-block" style="max-width: 400px">
<li>Select Button<br>
Hier kann für das ausgewählte Feature ein Name und eine Beschreibung eingegeben werden.
</li>
<li>Edit Button<br>
Bearbeitung der Stützpunkte und Anwendung der verschiedenen Zeichen-Stile
</li>
<li>Export Button<br>
Ausgewähltes Feature als json Datei exportieren
</li>
<li>Delete Button<br>
Ausgewähltes Feature löschen
</li>
<li>Bestätigung Button<br>
Objektbearbeitung abschließen
</li>
<li>Auswahl Style Möglichkeiten (Wie auch unter Einstellungen)<br>
<a href="#drawing">Zeichen-Stile</a>
</li>
</ul>
<p class="clear-both">
<img src="../../img/planner/planner-le-settings.jpg" height="630" width="354" class="scale border float-left"
alt="" style="max-width: 354px" />
<b>Einstellungen:</b><br>
Unter diesem Menüpunkt können Einstellungen vorgenommen werden, die den gesamten Layer betreffen.
</p>
<ul class="inline-block" style="max-width: 400px">
<li>Festlegung des Layernamen, Eingabe einer Beschreibung für den Layer
</li>
<li>Voreinstellung Höhenmodus für alle Features sowie deren Skirthöhe und Geschosshöhe</li>
<li><a href="#drawing">Zeichen-Stile</a></li>
<li>Mithilfe des Feature importieren können bereits abgespeicherte Vectordatensätze der Vectorebene hinzugefügt
und darunter abgespeichert werden
</li>
<li>Durch die Ebene optimieren wird ein binärer Datensatz erzeugt, was die Darstellung des Vectorlayers
perfomanter werden lässt. Dies wird erst wirklich notwendig bei ~500 Objekten.
</li>
<li>Die Betätigung des Downloads lädt die komplette Vectorebene als GeoJSON Datei und damit allen darin
enthaltenen Planungen herunter.
</li>
</ul>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Flight">
Kamera Flüge
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="flights" class="content-box hidden vcs_vcm_widgets_Flight">
<h3>Kamera Flüge erstellen</h3>
<p>
Mit diesem Werkzeug besteht die Möglichkeit, virtuelle Rundflüge zu erstellen, diese in der Anwendung
abzuspielen, oder als GeoJSON zu exportieren.
</p>
<p>
<span class="widget-button single-left widget-icon-svg-camera"></span>
Die Einstellungen zur Filmerstellung können über die Schaltfläche mit dem Kamerasymbol aktiviert werden, welches
in der Widget-Auswahlleiste zu finden ist. Nun öffnet sich links das Fenster „Virtuellen Rundflug erstellen“,
in dem ein neuer Rundflug erstellt - oder ein bereits exportierter Film wieder importiert werden kann.
</p>
<img src="../../img/flight/flight-startscreen.jpg" height="622" width="1320" class="scale border" alt=""/>
<p>
<b>Einen neuen Flug erstellen</b><br><br>
Über die beiden Ausklappmenüs, „Einstellungen“ und „Flugbahn festlegen“ können Sie Ihren Film bearbeiten.
</p>
<p>
<img src="../../img/flight/flight-create.jpg" height="433" width="354" alt="" class="border scale float-left"
style="max-width: 354px; margin-bottom: 40px;" />
<b>Einstellungen</b><br><br>
Hier können Sie …
</p>
<ul class="inline-block">
<li>einen Namen für Ihren Rundflug vergeben</li>
<li>die Interpolationsart einstellen</li>
<li>eine Zirkuläre Flugbahn aktivieren</li>
<li>die Gesamtflugzeit festlegen</li>
<li>Flugbahnen aus- und einblenden </li>
</ul>
<p class="clear-both"><b>Interpolation:</b></p>
<img src="../../img/flight/sketch-spline-linear.jpg" height="319" width="1320" class="scale" alt=""/>
<p>
<b>linear:</b><br>
Stellt die festgelegte Flugbahn als gerade Linie dar.
</p>
<p>
<b>spline:</b><br>
Stellt die festgelegte Flugbahn als Kurve dar. Dazu müssen mindestens 3 Wegpunkte festgelegt werden, die nicht
auf einer Linie liegen.
</p>
<p class="infobox">
<b>TIP:</b> Um zwischen den Einstellungen linear und spline vergleichen zu können, betrachten Sie Ihre
festgelegte Flugbahn aus entsprechender Höhe und schalten zwischen den beiden Einstellungen um. Während des
Abspielens des Films kann zwischen den Interpolations-Einstellungen gewechselt werden.
</p>
<p><br><b>Zirkuläre Flugbahn:</b></p>
<p>
Diese Funktion erstellt automatisch eine Fluglinie vom letzten zum ersten Wegpunkt, so dass der Film zirkulär
abgespielt werden kann.
<img src="../../img/flight/sketch-circular.jpg" height="319" width="1320" class="scale" alt="" />
<br><br>
<b>Flugzeit:</b><br>
Hier können Sie eine Gesamtspielzeit für den Film in Sekunden festlegen. Dies hat Auswirkungen auf die Laufzeit
zwischen den einzelnen Wegpunkten.
<br><br>
<b>Flugbahnen aus- und einblenden:</b><br>
Durch das Aktivieren dieser Checkbox werden die gelben Markierungen für die gesetzten Wegpunkte und die
Flugbahnen ein- und ausgeblendet. Dies funktioniert auch während der Filmabgespielt wird.
</p>
<p>
<b>Flugbahn festlegen</b><br>
Über das Ausklappmenü „Zum Viewpoint springen …“ gelangt man direkt zu einem voreingestellten Wegpunkt und kann
diesen über die Schaltfläche „Neuen Wegpunkt erstellen“ als solchen festlegen. Um einen eigenen Wegpunkt zu
definieren, gehen Sie einfach im Kartenfenster zu der gewünschten Ansicht und klicken anschießend auf „Neuen
Wegpunkt erstellen“. Unbegrenzt viele Wegpunkte können gesetzt werden.
</p>
<p>
Ein gesetzter Wegpunkt wird Ihnen durch eine gelbe Markierung angezeigt. Beim ersten Setzen eines Wegpunkts wird
das ganze Fenster transparent gelb eingefärbt. Dies stellt die Kameraansicht Ihres Wegpunkts dar. Sobald aus der
eingestellten Ansicht ein wenig herausgezoomt wird, kann der komplette Umriss der Kameraansicht des Wegpunkts
erkannt werden.
<img src="../../img/flight/flight-track.jpg" height="319" width="1320" class="scale" alt="" />
</p>
<p>
Um wieder zur Kameraansicht des Wegpunkts zu gelangen, kann einfach auf die zum Wegpunkt gehörige Schaltfläche
geklickt werden.<br><br>
Über das Plus-Icon kann leicht zwischen zwei Wegpunkten ein Neuer hinzugefügt werden.
</p>
<p><br>
<b>Bearbeiten von Wegpunkten</b>
<br><br>
Über das Icon mit dem Bleistift neben dem Wegpunkt wird der Editiermodus geöffnet. Hier kann man den Wegpunkten
gesonderte Namen geben oder eine Feinjustierung der Ansicht vornehmen.
<img src="../../img/flight/edit-viewpoints.jpg" height="622" width="1320" alt="" class="scale" />
</p>
<p>
Mit einem Klick auf das Fußgängersymbol öffnet sich oben rechts im Kartenfenster unter der Navigationsrose eine
Auswahl mit Möglichkeiten zur Feinjustierung. Über die Schaltflächen mit dem Winkelsymbol lässt sich der
Blickwinkel erweitern bzw. verkleinern und über die Pfeilsymbole kann die Höhe der Ansicht verändert werden.
Diese kann auch direkt über das darunterliegende Eingabefenster festlegt werden.
<img src="../../img/flight/edit-viewpoint-in-walkmode.jpg" height="622" width="1320" alt="" class="scale" />
</p>
<p>
Nachdem die Auswahl getroffen wurde, kann diese mit einem Klick auf das Symbol mit dem Häkchen bestätigt bzw.
mit einem Klick auf das Kreuz wieder verworfen werden. So wird auch die Eingabe eines Namens bestätigt bzw.
verworfen.<br><br>
Ein Klick auf die Schaltfläche mit dem Papierkorb löscht den entsprechenden Wegpunkt.
</p>
<p><br>
<b>Exportieren und Speichern</b><br><br>
Die erstellten Filme können als GeoJSON exportiert und anschließend jederzeit wieder importiert werden.
</p>
<p>
Wird der Film über die entsprechende Schaltfläche gespeichert, wird dieser nur temporär für diese Session
bereitgestellt. Sobald die Anwendung neu geladen oder der Film geschlossen wird, steht dieser nicht mehr zur
Verfügung!
</p>
<p>
Die erstellten Filmsequenzen werden auf der Startansicht aufgelistet. Ein Klick auf die entsprechende
Schaltfläche öffnet die Abspielleiste. Auch hier besteht die Möglichkeit, den Film wieder zu editieren oder zu
löschen.
</p>
<p>
Wird die Schaltfläche „Abbrechen“ betätigt, wird noch einmal darauf hingewiesen, dass der Flug damit ungültig,
also nicht gespeichert wird, und müssen dies noch einmal bestätigen. Auch hier kann der Vorgang noch einmal
abgebrochen werden. Durch eine Bestätigung mit „OK“ kommen Sie auf die Startansicht „Virtuellen Rundflug
erstellen“. Hier stehen die in dieser Session bereits gespeicherten Filmsequenzen bereit.
</p>
<p><br>
<b>Film importieren</b><br><br>
Über die Schaltfläche „Film importieren“ kann die zuvor exportierte Json-Datei wieder importiert werden und der
Film steht direkt zum Abspielen oder zur weiteren Bearbeitung zur Verfügung.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Messwerkzeug
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="measurement" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Messwerkzeug allgemein</h3>
<p>
<img src="../../img/measurement/measuretool-btn-32.png" height="32" width="32"
class="widget-button single-left" alt="Button Messwerkzeuge">
Das Messwerkzeug ermöglicht das Messen direkt in der virtualcityMAP. Es kann durch ein Klick auf das abgebildete
Symbol in der Widget-Auswahl aktiviert werden.
</p>
<p>
Alle Tools des Messwerkzeugs liefern als Ergebnis den Messwert bezogen auf das lokale Koordinatensystem der
Karte, unabhängig von dem im Viewer verwendeten globalen Koordinatensystem. Das Messwerkzeug kann in den Karten
Schrägluftbilder, 2D und 3D zur Verfügung gestellt werden. Die Tools variieren je nach Karte in der das
Messwerkzeug verwendet wird.
</p>
<p>
Messobjekte bzw. die Koordinaten der Messobjekte (Punkt, Linie, Polygon) werden entsprechend der verwendeten
Karte (Schrägluftbilder, 2D, 3D) in das Lokale Koordinatensystem der Anwendung projeziert und der Messwert
entsprechend dieses Koordinatensystems ausgegeben.
</p>
<div class="sketch">
<img src="../../img/measurement/sketch-calculate-distance.jpg" class="scale" height="185" width="352" alt="">
</div>
<div class="sketch">
<img src="../../img/measurement/sketch-calculate-area.jpg" class="scale" height="275" width="359" alt="">
</div>
<p>
<span class="widget-button single-left dark font-icon fa fa-check" style="font-size: 1rem;"></span>
Messungen können durch Doppelklick am Endpunkt oder durch das Klicken des „Messung beenden“-Buttons
abgeschlossen werden.
</p>
<p>
<br>In allen Messmodi bleiben die durchgeführten Messungen und die zugehörigen Geometrieobjekte erhalten, auch
bei Wahl eines neuen Messmodus.
</p>
<p>
<span class="widget-button single-left dark font-icon fa fa-trash-o" style="font-size: 1rem;"></span>
Messungen und die zugehörigen Messgeometrien können durch Klick auf den Papierkorb alle aus der Ansicht entfernt
bzw. gelöscht werden. Einzelobjekte können durch Mausklick auf die Messgeometrie selektiert und mit „Entf“
einzeln aus der Ansicht gelöscht werden. Gelöschte Objekte können <strong style="color: red;">nicht</strong>
wiederhergestellt werden!
</p>
<p>
<strong>Selektion einer Messgeometrie:</strong>
Mausklick linke Maustaste auf die entsprechende Geometrie / Messung
</p>
<p>
<strong>Deselektion einer Messgeometrie:</strong>
Mausklick linke Maustaste irgendwo in die Karte
</p>
<p>
<strong>Editieren einer Messgeometrie:</strong>
Selektion der Messgeometrie und dann:
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-measure-edt.jpg" height="144" width="173" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 170px;">Messgeometrie vor Editierung</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-measure-edt-finnished.jpg" height="144" width="178" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 175px;">
Veränderte Messgeometrie durch hinzufügen von 3 weiteren Stützpunkten
</span>
</div>
<p class="inline-block">
Hinzufügen eines neuen Stützpunktes:<br>
Klick auf die entsprechende Geometrie legt einen neuen Stützpunkt auf der Geometrie an<br><br>
Verschieben eines Stützpunktes in alle Richtungen:<br>
„ALT“+ Ziehen mit linker Maustaste an gewünschte Stelle<br><br>
Vertikales Verschieben eines Stützpunktes:<br>
„STRG“ + Ziehen mit linker Maustaste an gewünschte Stelle<br><br>
Entfernen eines Stützpunktes:<br>
„Shift“ + Click auf den Stützpunkt <i>(Wichtig die Messung muss vorher beendet sein!)</i>
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Messwerkzeug in der<br>Schrägluftbildkarte
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="obliqueMeasurement" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Messwerkzeug in der Schrägluftbildkarte</h3>
<p>
In der Schrägluftbildkarte stehen die folgenden Messwerkzeuge zur Verfügung:
</p>
<div>
<div class="button-row inline-block">
<img src="../../img/measurement/measure-width2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<img src="../../img/measurement/measure-height2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<span class="widget-button dark font-icon fa fa-check" style="font-size: 1rem;"></span>
</div>
<ul class="list-free-style inline-block">
<li>Horizontale Streckenmessung</li>
<li>Vertikale Streckenmessung</li>
</ul>
</div>
<p>
In der Schrägluftbildkarte wird für die vertikale Streckenmessung ein Geländemodell vorausgesetzt, steht dies
nicht zur Verfügung können angegebene Messungen nur als Schätzwerte interpretiert werden.
</p>
<p>
Alle ausgegebenen Messwerte beziehen sich auf das lokale Koordinatensystem der Anwendung.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Messwerkzeug in der 2D Karte
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="measurement2Dmap" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Messwerkzeug in der 2D Karte</h3>
<p>
In der 2D Karte stehen die folgenden Messwerkzeuge zur Verfügung:
</p>
<div>
<div class="button-row inline-block">
<img src="../../img/measurement/measure-width2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<img src="../../img/measurement/measure-area2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<span class="widget-button dark font-icon fa fa-check" style="font-size: 1rem;"></span>
</div>
<ul class="list-free-style inline-block">
<li>Horizontale Streckenmessung</li>
<li>Flächenmessung</li>
</ul>
</div>
<p>
Mehrfachmessungen sind möglich und die Messwerte nebst der Messgeometrie bleiben erhalten.
</p>
<p class="sub-header">
<strong>Folgende Messmodi stehen für die horizontale Streckenmessung zur Verfügung:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-distance-couple-points.jpg" height="137" width="218" class="scale" alt="">
</div>
<span class="sketch-subtitle">Direkter Abstand zweier Punkte</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-distance-line.jpg" height="137" width="292" class="scale" alt="">
</div>
<span class="sketch-subtitle">Streckenmessung als Linienzug</span>
</div>
<p class="clear-both">
Die Streckenmessung folgt dem Prinzip der euklidischen Distanz zweier Punkte in der Ebene oder im Raum und ist
die zum Beispiel mit einem Lineal gemessene Länge einer Strecke, die diese zwei Punkte verbindet.
Im zweidimensionalen Raum oder im dreidimensionalen euklidischen Raum ist der Abstand, die Entfernung oder die
Distanz zweier Punkte die Länge der kürzesten Verbindung dieser Punkte.
Im euklidischen Raum ist dies die Länge der geradlinigen Strecke zwischen den beiden Punkten.
Der Abstand zweier geometrischer Objekte ist demnach die Länge der kürzesten Verbindungslinie der beiden
Objekte, also der Abstand der beiden einander nächstliegenden Punkte.
</p>
<p class="sub-header clear-both">
<strong>Folgende Messmodi stehen für die 2D Flächenmessung zur Verfügung:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-2d-area-measuring.jpg"
height="187" width="237" class="scale" style="min-width: 280px; height: auto;" alt=""
>
</div>
<span class="sketch-subtitle full-width">
Fläche: <span class="float-right" style="margin-right: 4px;">258.3m²</span><br>
Umfang: <span class="float-right" style="margin-right: 8px;">72.4m</span>
</span>
</div>
<p>
Das Ergebnis der Flächenbestimmung in 2D liefert die Fläche und den Umfang des gezeichneten Objektes bezogen auf
das lokale Koordinatensystem der Karte (hier: EPSG: 25833)
</p>
<br/>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Messwerkzeug in der 3D Karte
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="measurement3Dmap" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Messwerkzeug in der 3D Karte</h3>
<p>
Das Messwerkzeug der 3D-Karte umfasst die Messwerkzeuge der 2D Karte und erweitert diese um 3D Messwerkzeuge,
die es ermöglichen 3D Objekte zu messen.
</p>
<div class="button-row float-left" style="min-width: 200px;">
<p style="margin-top: 0;"><strong>2D Messung</strong></p>
<img src="../../img/measurement/measure-width2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<img src="../../img/measurement/measure-area2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<p><strong>3D Messung</strong></p>
<img src="../../img/measurement/measure-width3d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<img src="../../img/measurement/measure-area3d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<img src="../../img/measurement/measure-height3d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="">
<p><span class="widget-button dark font-icon fa fa-check" style="font-size: 1rem;"></span></p>
</div>
<p><strong>2D&nbsp;Messwerkzeuge in der 3D Karte</strong></p>
<p>
Es gilt die Beschreibung von <b>„Messwerkzeug in der 2D Karte“</b>, wobei zu beachten ist, dass in der 3D Karte
die 2D Messungen immer dem Gelände folgen, jedoch das Ergebnis <b style="text-decoration: underline;">IMMER</b>
auf das lokale Koordinatensystem der Anwendung bezogen ist.
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-2d-measure-distance.jpg" height="160" width="215" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 210px;">
Direkter euklidischer Abstand zweier Punkte in 3D unter Berücksichtigung des Geländes
</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-2d-measure-area.jpg" height="160" width="288" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 285px;">
Flächenmessung in 2D unter Berücksichtigung des Geländes
</span>
</div>
<p class="clear-both"><strong>3D&nbsp;Messwerkzeuge in der 3D Karte</strong></p>
<p>
Die Messwerkzeuge in 3D werden um die Höhenmessung erweitert und erlauben es direkt 3D Objekte in die Messung
einzubeziehen bzw. diese auch direkt zu messen.
</p>
<p>
Folgende Messmodi sind mit den 3D Messwerkzeugen möglich:
</p>
<p class="sub-header">
<strong>Streckenmessung in 3D:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-distance.jpg" height="154" width="300" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">
Direkter euklidischer Abstand zweier Punkte in 3D unter Berücksichtigung des Geländes und der
3D Objekte
</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-distance-on-top.jpg" height="154" width="300"
class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">Euklidische Distanzmessung auf dem 3D Objekt</span>
</div>
<p class="sub-header clear-both">
<strong>Flächenmessung in 3D:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-area.jpg" height="280" width="300" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">Flächenmessung auf dem 3D Objekt</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-area-top.jpg" height="280" width="300" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">
Flächenmessung auf dem 3D Objekt bis auf das Gelände
</span>
</div>
<p class="sub-header clear-both">
<strong>Höhenmessung 3D:</strong>
</p>
<div class="image-box" style="margin-bottom: .5rem;">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-height.jpg" height="300" width="300" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">
Höhenmessung auf / mit dem 3D Objekt bis auf das Gelände
</span>
</div>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_heightProfile_HeightProfile">
Höhenprofil
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="heightProfile" class="content-box hidden vcs_vcm_widgets_heightProfile_HeightProfile">
<h3>Höhenprofil</h3>
<p>
<span class="widget-button single-left white font-icon fa fa-line-chart"></span>
Das Höhenprofilwerkzeug ermöglicht es dem Nutzer einen Querschnitt inklusive Höheninformationen zwischen zwei
Punkten in der 3D-Karte anzufertigen.
</p>
<p class="clear-both">
Das Höhenprofil wird mit Klick auf den Button <span class="widget-button text dark">Neues Profil</span>
erstellt. Dabei kann die Auflösung und damit die Präzision des Höhenprofils angepasst werden.
Bitte beachten, dass je niedriger die Auflösung ist, desto länger die Berechnungszeit des Profils.
Bei zu geringer Auflösung auf zu großer Ausdehnung kommt es zur Fehlermeldung.
</p>
<p>
Unter dem Auswahlpunkt „Benutzeroberfläche“ lässt sich auswählen, ob die 3D-Elemente mit in das Höhenprofil
einbezogen - oder lediglich das Gelände berücksichtigt werden soll. Die Einstellungsmöglichkeiten lassen sich
auch nach Erstellung des Profils anpassen.
</p>
<p>
Durch zwei separate Klicks kann der Start- und Endpunkt des Höhenprofils definiert und im Anschluss berechnet
werden.
</p>
<p>
Das Profil kann nachträglich verschoben werden, indem die grüne Linie in der Karte selektiert wird und mit einem
weiteren Klick auf das runde Symbol verschoben werden kann.
</p>
<p>
<b>Achtung:</b> Zwar wird die grüne Linie passgenau auf die 3D-Inhalte gesetzt, Überhänge können dennoch nicht
in dem Höhenprofil berücksichtigt werden.
</p>
<p>
In dem ausgegebenen Höhenprofil können detaillierte Messungen angefertigt werden, indem zwei Punkte, zwischen
denen die Messung erfolgen soll, ausgewählt werden:
</p>
<div class="sketch">
<img src="../../img/height-profile/height-chart.jpg" height="265" width="380" class="scale" alt="">
</div>
<p>
Durchgeführte Messungen können durch die Auswahl zwei anderer Punkte ersetzt oder durch den Button
<span class="widget-button text dark">Messung löschen</span> entfernt werden.
</p>
<p>
<span class="widget-button single-left white font-icon fa fa-download"></span>
Zudem kann das ausgegebene Höhenprofil inklusive durchgeführter Messungen mit der Betätigung des Download
Buttons als Bild gespeichert werden.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_AdvancedWalkMode">
Erweiterter Fußgängermodus
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="advancedWalkMode" class="content-box hidden vcs_vcm_widgets_AdvancedWalkMode">
<h3>Erweiterter Fußgängermodus</h3>
<p>
<span class="widget-button font-icon single-left white adv-walkmode-btn"></span>
Der erweiterte Fußgängermodus ermöglicht es dem Nutzer eine Sichtanalyse zwischen zwei frei wählbaren Punkten zu
definieren. Dafür wird, nach der Aktivierung des Modus in der Widget-Auswahl, durch den ersten Klick auf die
Karte die Ausgangsposition festgelegt und durch einen zweiten Klick die Sichtrichtung. Durch diese Funktion kann
der Nutzer nachvollziehen, welche Objekte er von einem bestimmten Standpunkt aus sehen kann.
</p>
<p>
<span class="widget-button font-icon single-left white adv-walkmode-btn active"></span>
Verlassen werden kann der Modus durch Deaktivierung des Symbols in der Widget-Auswahl oder im Menü unterhalb
der Navigationsrose.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_TransparentTerrainMode">
Transparenter Geländemodus
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="transpTerrain" class="content-box hidden vcs_vcm_widgets_TransparentTerrainMode">
<h3>Transparenter Geländemodus</h3>
<p>
<img src="../../img/cutout-view-btn.png" height="32" width="32"
class="widget-button single-left" alt="Icon Transparenter Geländemodus"
>
Der Transparente Geländemodus ermöglicht es dem Nutzer in der 3D-Ansicht einen Blick unter das Gelände zu
werfen. Um Elemente unter der Oberfläche für den Nutzer sichtbar zu machen, wird das entsprechende Widget
ausgewählt und die Box mit einem Klick auf die gewünschte Stelle positioniert. Mit einem weiteren Klick kann die
Position des quadratischen Körpers erneut verschoben werden.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widget_postProcessStages">
Filter &amp; Effekte
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="postProcess" class="content-box hidden vcs_vcm_widget_postProcessStages">
<h3>Filter &amp; Effekte</h3>
<p>
<span class="widget-button single-left white font-icon fa fa-cog"></span>
Die Möglichkeit Filter und Effekte auf die virtualcityMAP im 3D-Modus anzuwenden wird unter „Einstellungen“
bereitgestellt.<br>
Die acht verschiedenen Filtermodi können einzeln aktiviert oder zusammen mit anderen Effekten kombiniert werden.
</p>
<p>
<span class="widget-button single-left dark font-icon fa fa-plus"></span> Anpassungen der Defaulteinstellungen
der Filter können direkt neben dem entsprechenden Filter mit dem Button vorgenommen werden.
</p>
<p>
<br>Zur Deaktivierung dieser Funktion bitte erneut auf den Filter klicken.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_NavigationControls">
Navigation
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="navigation" class="content-box hidden vcs_vcm_widgets_NavigationControls">
<h3>Navigieren in der Anwendung</h3>
<p>
In der 2D- als auch in der 3D-Ansicht haben Sie die Möglichkeit, mit der Maus oder wahlweise mit der Tastatur
durch die Karte zu navigieren.
</p>
<div class="hidden vcs_vcm_maps_Openlayers">
<p><strong>2D-Karte</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... mit der Maus</strong></td>
<td><strong>... mit der Tastatur</strong></td>
</tr>
<tr>
<td>Karte verschieben</td>
<td>Linke Maustaste drücken und Karte ziehen</td>
<td>Über die Pfeiltasten entsprechende Richtung auswählen</td>
</tr>
<tr>
<td>Ansicht vergrößern / verkleinern</td>
<td>Durch Drehen des Mausrads wird aus der Kartenansicht herein- bzw. herausgezoomt</td>
<td>Drücken der Plus- bzw. Minus-Taste</td>
</tr>
</tbody>
</table>
</div>
<div class=" hidden vcs_vcm_maps_Cesium">
<p><strong>3D-Karte</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... mit der Maus</strong></td>
<td><strong>... mit der Tastatur</strong></td>
</tr>
<tr>
<td>Karte verschieben</td>
<td>Linke Maustaste drücken und Karte ziehen</td>
<td>Über die Pfeiltasten entsprechende Richtung auswählen</td>
</tr>
<tr>
<td>Ansicht kippen</td>
<td>Mit gedrücktem Mausrad die Maus gleichzeitig nach oben bzw. unten bewegen</td>
<td> Bild-Auf- und Bild-Ab-Taste drücken</td>
</tr>
<tr>
<td>Ansicht drehen</td>
<td>Mit gedrücktem Mausrad die Maus gleichzeitig nach rechts bzw. links bewegen</td>
<td>Drücken der Pos1-Taste bzw. Ende-Taste</td>
</tr>
<tr>
<td>Ansicht vergrößern / verkleinern</td>
<td>Durch Drehen des Mausrads wird aus der Kartenansicht herein- herausgezoomt</td>
<td>Drücken der Plus- bzw. Minus-Taste</td>
</tr>
</tbody>
</table>
<p><br>
<img src="../../img/tastatur.jpg" width="1320" height="443" alt="Tastatur" class="scale border"/>
</p>
</div>
<hr class="hide-for-mobile">
</div>
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Cesium">
Problembehebung
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<p id="troubleshooting" class="hidden vcs_vcm_maps_Cesium">
<h3>Problembehebung</h3>
<p>Falls die 3D Karte in Ihrem Browser nicht lädt oder sehr langsam läuft: Mögliche Ursachen</p>
<p>
<p><strong>Fehlende Hardwarebeschleunigung</strong></p>
<p>
Die Hardwarebeschleunigung Ihrer Grafikkarte wird nicht unterstützt – Das bedeutet, dass der Webbrowser auf
Softwarerendering umgeschaltet hat, somit ist eine performante Darstellung von 3D-Daten rein technisch nicht
möglich. Lösungsvorschlag: Über die Webseite http://webglreport.com/ können Sie die aktuelle
Browsereinstellung bezüglich Hardware- oder Softwarerendering testen.
</p>
<p>Softwarerendering ist aktiv = 3D-Karte kann mit Ihrem Browser nicht verwendet werden.</p>
<p style="max-width: 90%;">
<img src="../../img/softwarerendering_aktiv.png" width="1199" height="788" alt="Softwarerendering"
class="scale border">
</p>
<p>Hardwarerendering ist aktiv = 3D-Karte kann mit Ihrem Browser verwendet werden</p>
<p style="max-width: 90%;">
<img src="../../img/hardwarerendering_aktiv.png" width="1199" height="788" alt="Hardwarerendering"
class="scale border">
</p>
<p>
<p><strong>Grafiktreiber ist veraltet</strong></p>
<p>
Lösungsvorschlag: Bitte aktualisieren Ihren Grafiktreiber und prüfen ob die Hardwareunterstützung aktiviert
ist.
</p>
<p>
Beispiel aus dem Internet Explorer 11: Einstellungen >> Internetoptionen >> Erweitert >> Softwarerendering
anstelle von GPU-Rendering verwenden.
Ein Neustart des Browsers ist erforderlich.
</p>
<p>
<img src="../../img/internetoptionen.jpg" width="609" height="834" alt="Internet Optionen"
style="max-width: 609px;" class="scale border" />
</p>
<p><strong>Ihr Browser unterstützt kein WebGL</strong></p>
<p>
Lösungsvorschlag: Bitte verwenden Sie einen aktuellen Browser z.B. Firefox ab 51.x, Google Chrome ab 56.x,
Internet Explorer ab Version 11. Der Microsoft Edge ist ab Version 0.95 WebGL-fähig.
</p>
</div>
</div>
<!-- ENDE: Container Inhaltstext -->
</div>
</div>
</body>
</html>
vcm/templates/en/datenschutzhinweise.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html>
<head>
<title>privacy notice</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8"/>
<meta name="description" content="virtualcityMAP"/>
<meta name="keywords" content="virtualcityMAP, virtualcitySYSTEMS">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="../../css/vcm_info.css">
<script src="../../lib/vcm_info_thirdparty.js"></script>
</head>
<body>
<div class="header">
<h2>privacy notice</h2>
</div>
<!-- Navigation wird nur in Desktop Ansicht gezeigt -->
<div class="hide-for-mobile main-navigation">
<div class="menu-box ui-scrollable">
<a href="#datenschutz" class="help-menu-button">privacy notice</a>
</div>
</div>
<!-- ENDE: Navigation -->
<div id="main-content">
<div id="info-content-wrap">
<!-- Navigations Buttons werden nur bei geringen Auflösungen angezeigt -->
<div class="help-menu-toggler"><span>privacy notice</span> <i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container für Inhaltstext: Bitte hier immer eine neue id vergeben und diese entsprechend in der Desktop Navigation im Link eintragen -->
<div id="allgemein" class="content-box">
<h3>privacy notice</h3>
<p>please provide your notice here:</p>
<hr/>
</div>
<!-- ENDE: Container Inhaltstext -->
</div>
</div>
</body>
</html>
vcm/templates/en/impressum.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html>
<head>
<title>Imprint</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8"/>
<meta name="description" content="virtualcityMAP"/>
<meta name="keywords" content="virtualcityMAP, virtualcitySYSTEMS">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="../../css/vcm_info.css">
<script src="../../lib/vcm_info_thirdparty.js"></script>
</head>
<body>
<div class="header">
<h2>Imprint</h2>
</div>
<!-- Navigation wird nur in Desktop Ansicht gezeigt -->
<div class="hide-for-mobile main-navigation">
<div class="menu-box ui-scrollable">
<a href="#daten" class="help-menu-button">Imprint</a>
</div>
</div>
<!-- ENDE: Navigation -->
<div id="main-content">
<div id="info-content-wrap">
<!-- Navigations Buttons werden nur bei geringen Auflösungen angezeigt -->
<div class="help-menu-toggler"><span>Imprint</span> <i class="fa fa-angle-down fa-2x drop-down"></i></div>
<!-- ENDE: Navigations Button -->
<!-- Container für Inhaltstext: Bitte hier immer eine neue id vergeben und diese entsprechend in der Desktop Navigation im Link eintragen -->
<div id="Kontakt" class="content-box">
<h3>Imprint</h3>
<p>Please provide your imprint here:</p>
<br/>
<p>
<b>Adress:</b><br/>
</p>
</div>
<!-- ENDE: Container Inhaltstext -->
</div>
</div>
</body>
</html>
vcm/templates/en/info.html 0 → 100644
View file @ c398fc9f
<!DOCTYPE html>
<html lang="en">
<head>
<title>Help and information for virtualcityMAP</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="description" content="virtualcityMAP" />
<meta name="keywords" content="virtualcityMAP, virtualcitySYSTEMS">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
<link rel="stylesheet" href="../../css/vcm_info.css">
<script src="../../lib/vcm_info_thirdparty.js"></script>
</head>
<body>
<div class="header">
<h2>Help and information for virtualcityMAP</h2>
</div>
<!-- Navigation wird nur in Desktop Ansicht gezeigt -->
<div class="hide-for-mobile main-navigation">
<div class="menu-box ui-scrollable">
<a href="#allgemein" class="help-menu-button">General Information</a>
<a href="#systemvoraussetzungen" class="help-menu-button">System Requirements</a>
<a href="#benutzer" class="help-menu-button hidden vcs_vcm_maps_Openlayers">User Interface</a>
<a href="#2d" class="help-menu-button hidden vcs_vcm_maps_Cesium">2D-Map View</a>
<a href="#3d" class="help-menu-button hidden vcs_vcm_maps_Cesium">3D-Map View</a>
<a href="#oblique" class="help-menu-button hidden vcs_vcm_maps_Oblique">Oblique-Map View</a>
<a href="#einstellungen" class="help-menu-button">Settings</a>
<a href="#filter" class="help-menu-button hidden vcs_vcm_widgets_legend_Legend">Content</a>
<a href="#suche" class="help-menu-button hidden vcs_vcm_widgets_search_Search">Search Function</a>
<a href="#shadow" class="help-menu-button hidden vcs_vcm_widgets_Shadow">Shadow</a>
<a href="#query" class="help-menu-button hidden vcs_vcm_widgets_Query">3D Object Query</a>
<a href="#pdf" class="help-menu-button hidden vcs_vcm_widgets_PDFCreator">PDF Export</a>
<a href="#export" class="help-menu-button hidden vcs_vcm_widgets_Export">Export Widget</a>
<a href="#drawing" class="help-menu-button hidden vcs_vcm_widgets_Drawing">Drawing Widget</a>
<a href="#planning" class="help-menu-button hidden vcs_vcm_widgets_Planning">Planning Widget</a>
<a href="#flights" class="help-menu-button hidden vcs_vcm_widgets_Flight">Camera Flights</a>
<a href="#measurement" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Measuring tool</a>
<a href="#obliqueMeasurement" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Measuring tool in the Oblique map</a>
<a href="#measurement2Dmap" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Measuring tool in the 2D map</a>
<a href="#measurement3Dmap" class="help-menu-button hidden vcs_vcm_widgets_Measurement">Measuring tool in the 3D map</a>
<a href="#heightProfile" class="help-menu-button hidden vcs_vcm_widgets_heightProfile_HeightProfile">Height profile tool</a>
<a href="#advancedWalkMode" class="help-menu-button hidden vcs_vcm_widgets_AdvancedWalkMode">Extended Pedestrian Mode</a>
<a href="#transpTerrain" class="help-menu-button hidden vcs_vcm_widgets_TransparentTerrainMode">Transparent Terrain Mode</a>
<a href="#postProcess" class="help-menu-button hidden vcs_vcm_widget_postProcessStages">Filter and Effects</a>
<a href="#navigation" class="help-menu-button hidden vcs_vcm_widgets_NavigationControls">Navigation</a>
<a href="#troubleshooting" class="help-menu-button hidden vcs_vcm_maps_Cesium">Troubleshooting</a>
</div>
</div>
<!-- ENDE: Navigation -->
<div id="main-content">
<div id="info-content-wrap">
<!-- Navigations Buttons werden nur bei geringen Auflösungen angezeigt -->
<div class="help-menu-toggler">
<span>General Information</span>
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container für Inhaltstext: Bitte hier immer eine neue id vergeben und diese entsprechend in der Desktop
Navigation im Link eintragen -->
<div id="allgemein" class="content-box">
<h3>General Information</h3>
<p>This application is based on the virtualcityMAP technology of virtualcitySYSTEMS. It contains, depending on
the configuration, an integrated viewer for oblique images, 2D maps and 3D maps. In case of any questions do
not hesitate to contact your contact person at virtualcitySYSTEMS.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler">
System Requirements
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="systemvoraussetzungen" class="content-box">
<h3>System Requirements</h3>
<p>
The virtualcityMAP can be used from any computer or workstation with a modern browser which enables the
execution of JavaScript and WebGL. WebGL is an API for rendering 3D computer graphics within a browser without
the use of plug-ins. It is activated in all modern browsers since 2011. Internet Explorer supports WebGL from
version 11. Microsoft Edge supports WebGL from version 0.95.
</p>
<p>
There is an official website to test if your browser supports WebGL:
<a href="http://get.webgl.org" target="_blank">http://get.webgl.org</a>.
</p>
<p>
Wikipedia provides a list of supporting browsers:
<a href="https://en.wikipedia.org/wiki/WebGL" target="_blank">https://en.wikipedia.org/wiki/WebGL</a>.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler">
User Interface
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="benutzer" class="content-box">
<h3>User Interface</h3>
<p>
<img src="../../img/map_en.png" width="1920" height="1080" alt="Map Overview" class="scale border">
</p>
<p>
In the <strong>map-window</strong> of the application next to the search bar there is the navigation-control
as well as the vertical control-elements.
</p>
<p><strong>Navigation-Control</strong></p>
<p>
<img src="../../img/navigation.jpg" height="140" width="120" alt="Navigations-Rose" class="single-left">
By clicking the arrows in the navigation control it is possible to navigate to the corresponding direction via
mouse click. By clicking the N-symbol the map is oriented towards north. When clicking the eye-symbol the map
starts to rotate around the current view. When clicking the eye-symbol again the rotation will be stopped.
This function is available in the 3D map only.<br> The horizontal control elements, located below the
navigation control, allow to tilt the view as well as to zoom in and out.
</p>
<p class="clear-both">
<br>
<strong>Pedestrian Mode</strong>
</p>
<p>
<span class="control-box-btn walkmode single-left"></span>
Explore the city model in pedestrian mode by first selecting the figure and then placing it in the map.
You can then use the arrow keys on the keyboard to simulate steps forward, back, left and right. By holding
down the right mouse button, you can rotate the figure in the desired direction. Thus, a free movement on the
terrain is obtained.
</p>
<p class="clear-both">
The control panel in the pedestrian mode also allows you to adjust the viewing angle and
the height of the view over the terrain. To end the pedestrian mode, click on the figure again to deselect it.
</p>
<p>
<br>
<strong>Control-Elements</strong>
<br><br>
The control elements in the right handed vertical pane provide additional functionality.
</p>
<p>
<span class="widget-button single-left white font-icon fa fa-home"></span>
By clicking the <b>home-button</b> the application returns to the start view-point.
</p>
<p class="clear-both">
<span class="widget-button single-left white font-icon vcm-btn-map-Oblique"></span>
<span class="widget-button single-left white font-icon vcm-widget-btn-map Openlayers"></span>
<span class="widget-button single-left white font-icon vcm-widget-btn-map Cesium"></span>
By clicking one of the <b>OB/2D/3D-buttons</b> the user can switch between the Oblique-, 2D- and 3D-view.
</p>
<p class="clear-both">
<span class="widget-button single-left white font-icon fa fa-th"></span>
If certain widgets (export, query, etc) are configured for this virtualcityMAP, those can be activated by
clicking the functions-icon with the raster symbol. The available widgets are explained separately.
</p>
<p class="clear-both">
<span class="widget-button single-left white font-icon fa fa-map"></span>
A click on the map-symbol opens the 2D overview map.
The overview map shows the current view in a larger area. In addition, the position of the camera is
visualized. Thus, this widget facilitates an easier orientation in the map. If the overview-map is activated
in the oblique view, the oblique images' outer rings are visualized in the overview-map additionally.
</p>
<p class="clear-both">
<br>
<strong>Selection of Objects</strong>
<br><br>
A single building can be selected by a left-click. It will be colored red. If there are additional information
available for this building, those will be provided in an information-balloon. A click on an empty region
(e.g. the terrain) deselects the building.<br> Multiple buildings can be selected by using the combination
<i>Ctrl+Click</i>. The selected buildings will be colored blue. This function may be used to highlight certain
buildings. It is used by the export widget, too. If multiple buildings are selected, they need to be
deselected individually.
</p>
<p>
<br>
<strong>Footer</strong>
<br><br>
The footer contains the imprint as well as the data protection notice. Some applications may
provide the coordinates of a clicked positions in the footer. In the oblique view the footer contains the name
of the current oblique images. Additionally, the footer may contain copyright statements for certain layers.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Openlayers">
2D-Map View
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="2d" class="content-box hidden vcs_vcm_maps_Openlayers">
<h3>2D-Map View</h3>
<p>The 2D-map view provides the following navigation options:</p>
<p><strong>Navigation in the map:</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... by mouse</strong></td>
<td><strong>... by keyboard</strong></td>
</tr>
<tr>
<td>Map pan</td>
<td>Left mouse click and pull map</td>
<td>Press arrow keys to navigate to the corresponding direction</td>
</tr>
<tr>
<td>Zoom in / Zoom out</td>
<td>Zoom in or out by spinning the mouse wheel</td>
<td>Press plus or minus key</td>
</tr>
</tbody>
</table>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Cesium">
3D-Map View
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="3d" class="content-box hidden vcs_vcm_maps_Cesium">
<h3>3D-Map View</h3>
<p>
The 3D-map view visualizes a terrain based on the open-source technology
<a href="https://cesiumjs.org/" target="_blank">Cesium</a>. The same terrain texture is used as in the 2D
view. If there are additional layers, these can be activated in the filter menu.
</p>
<p><strong>Navigation in the map:</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... by mouse</strong></td>
<td><strong>... by keyboard</strong></td>
</tr>
<tr>
<td>Map pan</td>
<td>Left mouse click and pull map</td>
<td>Press arrow keys to navigate to the corresponding direction</td>
</tr>
<tr>
<td>Tilt view</td>
<td>Press mouse wheel and move mouse front or back</td>
<td>Press 'Page Up' resp. 'Page Down' key</td>
</tr>
<tr>
<td>Rotate view</td>
<td>Press mouse wheel and move mouse to the left or right</td>
<td>Press 'Home' resp. 'End' key</td>
</tr>
<tr>
<td>Zoom in / Zoom out</td>
<td>Zoom in or out by spinning the mouse wheel</td>
<td>Press plus or minus key</td>
</tr>
</tbody>
</table>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Oblique">
Oblique View
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="oblique" class="content-box hidden vcs_vcm_maps_Oblique">
<h3>Oblique View</h3>
<p>
The oblique view shows a single oblique image. The selection of the visualized image is done by its spatial
reference.
</p>
<p>
Within the oblique view the navigation control can be used to change the viewing direction. If the
overview-map is activated, the oblique images' outer rings are visualized in the overview-map additionally.
<br/> A click on the functions-icon (raster symbol) opens a menu providing the measurement widgets (horizontal
and height measurement). A click on the widget's icon activates the widget. The measurement widgets for
oblique image are described separately.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler">
Settings
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="einstellungen" class="content-box">
<h3>Settings</h3>
<p>
A click on the 'Settings' icon in the header of the application opens up a settings menu. It allows to change
the settings of the virtualcityMAP.
</p>
<p class="hide-for-mobile">
<img src="../../img/settings_header_de.jpg" height="249" width="1920" class="scale border" alt="Settings">
</p>
<p><strong>Language Setting</strong></p>
<p>
The selection of a language from the drop-down menu changes the application's language.
</p>
<div class="hidden vcs_vcm_widgets_displayQuality">
<p><strong>Rendering Settings</strong></p>
<img src="../../img/settings_rendering_en.jpg" height="740" width="345" class="float-left single-image"
style="width: 250px; height: auto;" alt="Render Settings">
<p>
With the <i>Display Quality Widget</i> of the virtualcityMAP, the user is able to change the
application's visualization quality. The star-symbols represent predefined quality settings (high, medium,
low), which can be activated by a click.
</p>
<p>
If the option 'Advanced Quality Settings' is available, the user is able to specify advanced settings.
</p>
<p>
The dialog provides the following options:
</p>
<table border="1">
<tbody>
<tr class="head">
<td style="width: 20%;">Option</td>
<td>Description</td>
</tr>
<tr>
<td>FXAA</td>
<td>Selection if the Fast Approximate Anti-Aliasing algorithm (FXAA) will be used for anti-aliasing.</td>
</tr>
<tr>
<td>SSE</td>
<td>
Defines the Screen Space Error (SSE) factor of the map, which will be multiplied with the map's SSE
value.
</td>
</tr>
<tr>
<td>Fog</td>
<td>Selection if fog shall be used. Fog will reduce sighting distance but enhance performance.</td>
</tr>
<tr>
<td>Fog Density</td>
<td>Defines the factor which will be multiplied with the map's fog density value.</td>
</tr>
<tr>
<td>Fog SSE</td>
<td>Defines the factor which will be multiplied with the fog's SSE value.</td>
</tr>
<tr>
<td>Resolution-Scale</td>
<td>
Scale factor of the application's resolution. A value of 1 adopts the resolution of the browser. This
correlates to the best quality. A higher value reduces the resolution, e.g. with a value of 2 only 1/4
of pixels will be rendered.
</td>
</tr>
<tr>
<td>Layer SSE</td>
<td>Defines the factor which will be multiplied with the SSE value of the corresponding layer.</td>
</tr>
</tbody>
</table>
<p><br>
<strong>Filter and Effects</strong>
</p>
<p>
If Post rendering is activated, various effects can be applied to the map display. Adjustments of the filter
quality can be made with the “+” symbol.
</p>
</div>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_legend_Legend">
Content
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="filter" class="content-box hidden vcs_vcm_widgets_legend_Legend">
<h3>Content</h3>
<p>
A click on the 'Content' icon in the header of the application opens up a map key with thematically sorted
information. The map key allows to activate resp. deactivate layers and predefined view points. Depending on
the activated map view (2D, 3D, or oblique) it may be possible to activate resp. deactivate different layers.
</p>
<p>
The filter menu can be moved from the center to left side of the application and vice versa by clicking the
arrow symbol. It is possible to navigate in the map only if the filter menu is located on the left side of the
application.
</p>
<p>
<img src="../../img/content.png" width="1919" height="972" alt="Contents" class="scale border">
</p>
<p>
Additionally, the filter menu provides the following functions:
</p>
<ol>
<li>
<strong>Create PDF</strong><br />
This function allows to save the current map extract with the current markers and information as a PDF file.
<br />
</li>
<li>
<strong>Create Link</strong><br />
This function allows to create a link pointing to the current map extract with the activated layers. A click
on the 'copy' symbol left to the link copies the link into the clipboard.<br />
</li>
<li>
<strong>Reset filter and settings</strong><br />
Resets all changes made in the filter menu.
</li>
</ol>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_search_Search">
Search Function
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="suche" class="content-box hidden vcs_vcm_widgets_search_Search">
<h3>Search Function</h3>
<p>
If the search plugin was added to the virtualcityMAP, it is possible to look for addresses or key words. The
search box may support the user by providing suggestions (e.g. key words, company or street names) to complete
the query.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Shadow">
Shadow
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="shadow" class="content-box hidden vcs_vcm_widgets_Shadow">
<h3>Shadow</h3>
<p>
<span class="control-box-btn fa-adjust float-left"></span>
The shadow widget appears next to the navigation control. A click onto the icon activates the shadow on the
map and opens a slider to change the day time.
</p>
<p>
<span class="control-box-btn fa-wrench float-left"></span>
A click on the shadow settings button opens up a menu to select the exact date and daytime of the simulated
shadow.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Query">
3D Object Query
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="query" class="content-box hidden vcs_vcm_widgets_Query">
<h3>3D Object Query</h3>
<p>
<span title="Gebäude finden" class="widget-button single-left font-icon">
<span class="fa-building-o stack-building"></span>
<span class="fa-search stack-second-icon"></span>
</span>
With the <i>3D Object Query</i> widget of the virtualcityMAP, it is possible to search for 3D objects in the
underlying database via a Web Feature Service (WFS).
The Query Widget can be found within the Control Elements inside the Widget Collection.
</p>
<p>
If predefined queries are available these can be selected in the drop-down menu. In addition, it is possible
to define free queries. In order to do this, an object type (e.g. _CityObject, Building, Bridge, etc.) to be
searched for needs to be selected first. Moreover, it is possible to add attribute and/or geometry filters to
the query.
</p>
<p>
<b>The attribute filter</b>
allows to specify the query in more detail with attributes corresponding to the selected object type. An
attribute filter consists of an attribute, an operator, and a value. The available operators depend on the
attribute's data type.
</p>
<ul>
<li>
The operator of a numerical attribute (e.g. bldg:yearOfConstruction) may be greater, smaller, (not) equal,
or an interval query.
</li>
<li>
The operator of a string attribute may be (not) equal or like.
</li>
<li>
If a generic attribute is selected the attribute's name needs to be provided, too.
</li>
</ul>
<p>
<b>The geometry filter</b>
allows to constrain the query spatially. A geometry filter consists of an operator, a geometry and possibly a
distance. The available operators are <i>intersects</i>, <i>within</i>, and<i>dwithin</i>.
</p>
<ul>
<li>
If <i>intersects</i> is selected, the query will look for all objects intersecting with the
defined geometry (and matching the attribute filter).
</li>
<li>
If <i>within</i> is selected, the query will look for objects within the defined geometry.
</li>
<li>
If <i>dwithin</i> is selected, the query will look for objects that are within the defined distance to the
geometry.
</li>
</ul>
<p>
It is possible to define the following geometry types: point, line, polygon, bounding box (rectangle). By
clicking the 'X' symbol an already defined geometry can be deleted.
</p>
<p class="inline-block">
<img src="../../img/boundingbox_query.png" width="545" class="float-left single-image" style="width: 200px;"
alt="Bounding Box Query">
<span class="infobox">
<b>Important:</b><br>
The geometry filter does not refer to the actual object geometry but its bounding box. The bounding box is
a (imaginary) rectangle, which completely encloses the object in the north direction of view.
The figure beside shows an example.
</span>
</p>
<p class="clear-both">
<b>Combination filters</b> allow the two filters to be interleaved. It is also possible to nest the combined
query with other combined queries. The queries can thus be designed as complex as desired.<br>
Sample question: "Which buildings in Schillerkiez have a building height of more than 25 m<sup>2</sup>"<br>
Attribute filter: bldg: measuredHeight > 25<br>
Geometry filter: Polygon drawn around the Schillerkiez<br>
</p>
<p>
By clicking 'Start Query' the defined query is sent to the WFS. If the query was processed successfully, the
number of objects matching the filter conditions will be displayed. The user is able to add the objects to the
map (colouring the found objects), to replace objects found in previous queries by these ones, to zoom to the
found objects, and to clear the colouring resp. selection of buildings. The affected objects are listed below
and can be selected individually. Click on an object in the list to zoom on the corresponding model.
</p>
<p> The following figure shows the result of a query of buildings with the "bldg: measuredHeight> 25" attribute
that intersects the defined polygon (orange). It can be seen that ten buildings correspond to the defined
filters.
</p>
<img src = "../../img/schillerkiez_en.png" width="1026" height="947" class="scale border"
alt="Screenshot Object Query example">
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_PDFCreator">
PDF Export
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="pdf" class="content-box hidden vcs_vcm_widgets_PDFCreator">
<h3>PDF Export</h3>
<p>
A PDF of the application can be created in the widget menu or under Contents, which contains the current view
and, depending on the configuration, can be enriched with additional information in the backend.
</p>
<p>
Please note that the section is created independently of the screen/window size. Instead, it is created in
16:9 format starting from the center of the view. Therefore, it is possible that the view of the resulting PDF
differs from the displayed view.
</p>
<img src="../../img/pdf-export/form-pdf-export_en.jpg" height="330" width="265" class="border float-right"
alt="Example of PDF Export Settings" />
<p>
For the <b>Paper Size</b>, the DIN sizes A5 to A2 can be selected.
</p>
<p>
The <b>DPI (Dots Per Inch)</b> number determines the resolution of the map section. Please note that a value
of 4096 x 4096 pixels (Internet Explorer 2048 x 2048 pixels) cannot be exceeded. Means, for example, that a
set page size of A2 landscape format in combination with 600 dpi cannot be output. Instead, the highest
possible resolution level is used.
</p>
<p>
Both the format and the DPI number have an influence on the resulting size of the PDF and on the creation time.
</p>
<p>
The <b>Orientation</b> can be chosen between portrait and landscape format. The size of the image is
correspondingly smaller when the portrait format is used.<br>
The pixel size resulting from the default setting (portrait, A4, 300 dpi) is 2055 x 933 pixel.<br>
The combined setting landscape, A4 and 300 dpi results in a size of 3402 x 1370 pixel.
</p>
<p>
If a <b>Title Input Field</b> has been configured in the backend, any title can be entered here. If this is
left empty, the title of the application is used.
</p>
<p>
If an <b>Annotation Field</b> has been configured in the backend, annotations can be entered in this field.
</p>
<p>
By clicking the <b>Create PDF</b> button, a PDF is directly created and downloaded and named map.pdf.
</p>
<div class="inline-block">
<img src="../../img/pdf-export/screen-pdf-export_en.jpg" width="600" height="430" class="scale border"
alt="Screenshot of an exported PDF file" />
</div>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Export">
Export
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="export" class="content-box hidden vcs_vcm_widgets_Export">
<h3>Export</h3>
<p>
<span class="widget-button single-left white font-icon fa fa-download"></span>
With the <i>Export</i> widget of the virtualcityMAP, it is possible to export 3D objects from the underlying
database.
</p>
<p>
There are two options in order to select the objects that shall be exported:<br> <i>Object selection</i> and
<i>area selection</i>. Object selection means that objects are selected directly, e.g. as a result of a 3D
object query or by mouse clicks, use Ctrl + Left Click to add or remove buildings to your selection. The area
selection allows the user to select the objects to be exported based on a spatial extent. For that, a geometry
(polygon or bounding box) needs to be defined. The objects whose centre points are contained within this
geometry will be exported. The user is also able to upload a geojson file or export the selection shape after
drawing.
</p>
<p>
As the export process can take several hours, the user needs to provide an email address. When the export
process is finished a download URL pointing to the exported data will be sent to this email address.
</p>
<p>
Some additional settings need to be provided: Export format, LoD level, and thematic CityGML classes.
Depending on the selected format textures may be available. The CityGML format supports all top level CityGML
thematic classes for export, however, other formats are limited. A click on 'Send request' will start the
export process.
</p>
<p>
The following figure shows an example definition of an export process in which eight buildings are selected.
As the export format <i>CityGML</i>, as LoD level <i>LoD 3</i>, and as thematic classes <i>Building</i> as
well as <i>GenericCityObject</i> are selected. The objects will be exported with textures (appearance theme:
rgbTexture).
</p>
<div class="inline-block">
<img src="../../img/export/export_en.jpg" width="900" height="830" class="scale border"
alt="Screenshot Export Form">
</div>
<p>
Should your export not contain the expected objects, please contact the 3D Maps administrator for guidance.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Drawing">
Drawing tools
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="drawing" class="content-box hidden vcs_vcm_widgets_Drawing">
<h3>Drawing tools</h3>
<p>
<b>General information</b>
</p>
<p>
<span class="widget-button single-left white font-icon fa fa-paint-brush"></span>
The drawing widget allows the user to draw simple as well as complex objects in the context of the environment
model. It can be activated by clicking on the icon shown in the widget selection.
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-overview-en.jpg" height="382" width="353" class="scale border"
alt="Overview drawing tools">
</div>
</div>
<p>
The drawing widget is divided into three areas. In the upper part the different drawing modes can be selected
via the corresponding buttons. The buttons for object modification, transformation or import/export interface
are located directly below. Below the buttons are the tabs where the settings for the different styles and
manifestations can be set.
</p>
<p><br>
<b>Drawing objects</b><br><br>
Objects can be drawn in different ways. Besides the "classic" geometry types like point, line and polygon the
drawing of bounding boxes, circles and rectangles is supported. The drawing mode for the desired geometry type
is set via the corresponding selection in the upper part of the drawing widget.
</p>
<p>
Points are set by simply clicking on the desired position on the map. A line is drawn by setting its
supporting points. To close the line, the last fulcrum is set with a double-click. Alternatively, the drawing
can be stopped by clicking the hook button. A polygon is drawn similar to a line. However, if the last polygon
point is set, the polygon is automatically closed by a line to the first polygon point.
</p>
<p>
Circles are drawn by setting a circle center point in a first click and an additional second point indicating
the radius. Bounding boxes are created by setting the upper left and lower right corners. They are always
oriented to the north. Rectangles with any orientation can be drawn by three points. The first two points
indicate the direction. The third point can be used to define the width of the rectangle based on this
"baseline". Text labels are positioned by setting a point in the map.
</p>
<p class="clear-both"></p>
<div class="inline-block image-wrapper border">
<b>Point</b><br>
<img src="../../img/drawing/drawing-point.jpg" height="400" width="500" class="scale"
alt="Punkt Stil Werkzeuge" />
</div>
<div class="inline-block image-wrapper border">
<b>Line</b><br>
<img src="../../img/drawing/drawing-line.jpg" height="400" width="500" class="scale"
alt="Linien Stil Werkzeuge" />
</div>
<div class="inline-block image-wrapper border">
<b>Polygon</b><br>
<img src="../../img/drawing/drawing-polygon.jpg" height="400" width="500" class="scale"
alt="Polygon Werkzeug" />
</div>
<div class="inline-block image-wrapper border">
<b>Bounding Box / Rectangle</b><br>
<img src="../../img/drawing/drawing-bbox.jpg" height="400" width="500" class="scale"
alt="BoundingBox Werkzeug" />
</div>
<div class="inline-block image-wrapper border">
<b>Circle</b><br>
<img src="../../img/drawing/drawing-circle.jpg" height="400" width="500" class="scale"
alt="Kreis Werkzeug" />
</div>
<div class="inline-block image-wrapper border">
<b>Text lable</b><br>
<img src="../../img/drawing/drawing-text-lable-en.jpg" height="400" width="500" class="scale"
alt="Textlabel Werkzeug" />
</div>
<p><br>
<b>Altitude mode</b>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-level-en.jpg" height="201" width="353" class="scale border"
alt="Altitude mode settings" />
</div>
</div>
<p>
Two height modes are available for drawing objects, which can be selected via the radio buttons. In the
"<b>Ground level</b>" mode, the objects are drawn directly on the terrain. In "<b>Absolute</b>" mode, objects
can be drawn on existing objects.
</p>
<img src="../../img/drawing/drawing-level-absolute.jpg" height="250" width="400" class="border float-right"
alt="Example for altitude mode on absolute" />
<p class="clear-both"><br>
<b>Edit and Transform Objects</b>
</p>
<p>
<img src="../../img/drawing/drawing-select-buttons.jpg" height="51" width="91" class="single-left"
alt="Select Buttons" />
Two modes are available for editing objects. The "Hand button" takes you to the mode for moving and
transforming objects. The second button takes you to the mode for editing objects. After a mode has been
selected, objects can be selected in the map and edited according to the functions of the mode.
</p>
<p>
The individual functions of the modes are described below:
</p>
<div class="inline-block image-wrapper border" style="width: auto;">
<b>Move and Transform</b><br>
<img src="../../img/drawing/drawing-help-transform-en.jpg" height="345" width="313" alt="" class="scale" />
</div>
<div class="inline-block image-wrapper border" style="width: auto;">
<b>Edit</b><br>
<img src="../../img/drawing/drawing-help-edit-en.jpg" height="115" width="313" alt="" class="scale" />
</div>
<p class="clear-both"><br>
<b>Extrusion</b>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-extrusion-en.jpg" height="155" width="352" class="scale border" alt="" />
</div>
</div>
<p>
In order to generate solid bodies from flat objects, these can be extruded at any height. To do this, an
object is selected in edit mode. The button for specifying the extrusion height appears.
</p>
<p>
In some cases it can be useful for visualization purposes not only to extrude objects in height, but also to
extend them in depth. Especially on steep slopes "floating" buildings can be avoided.
The extrusion depth can be edited by altering the height of the "skirt".
</p>
<p>
All objects can also be placed on the terrain.
</p>
<p class="clear-both">
<b>
Import / Export
</b>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/drawing/drawing-import-export-en.jpg" height="146" width="354" class="scale border" alt="" />
</div>
</div>
<p>
Drawn objects are only valid for the current browser session. To persist these, objects can be exported in
GeoJSON format and then re-imported. It is possible to export only the currently selected objects or all
drawn objects.
</p>
<p class="clear-both">
<b>Styles (texture, line, font, point)</b>
</p>
<p>
The appearance of the geometries can be set before drawing. Geometries can subsequently be changed in the
editing mode.
</p>
<p>
<b>Texture Style</b>
<img src="../../img/drawing/drawing-stil-texture-en.jpg" height="141" width="352" class="float-left border" alt="" />
<br><br>
In the "Texture Style" tab you can determine the opacity color and the opacity of the areas. In addition to
predefined basic maps, any color tone can be selected via RGB values.
</p>
<p class="clear-both">
<b>Lines Style</b>
<img src="../../img/drawing/drawing-stil-line-en.jpg" height="165" width="352" class="float-left border" alt="" />
<br><br>
For line geometries, line thickness can be specified in addition to line color and opacity.
</p>
<p class="clear-both">
<b>Text Formatting</b>
<img src="../../img/drawing/drawing-stil-text-en.jpg" height="342" width="352" class="float-left border" alt="" />
<br><br>
Text labels can be created in different fonts and sizes. The text can be displayed in <b>bold</b>,
<i>italic</i> or normal. The text color and its opacity can also be defined individually.
<br><br>
It is possible to surround the text with aborder. This can be activated or deactivated by pressing the
"Remove text border" button. A choice of colours is also possible here.
</p>
<p class="clear-both">
<b>Point Style</b>
<img src="../../img/drawing/drawing-stil-point-en.jpg" height="475" width="352" class="float-left border" alt="" />
<br><br>
For points, the desired radius, fill color and line border color can be determined. Optionally the line border
can be set. The "Select Icon" button can be used to use predefined symbols as point markers.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Planning">
Planning
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="planning" class="content-box hidden vcs_vcm_widgets_Planning">
<h3>Planning</h3>
<p>
<img src="../../img/planning_button.png" class="float-left" alt="Planning Button">
The <i>Planning</i> widget allows to upload planning models into the virtualcityMAP. In conjunction with the
Shadow widget it is possible to simulate the shadow of planning models.
</p>
<p class="clear-both">
In order to use the planning widget the user needs to authenticate with a valid username and password. The
user credentials are defined in the administration area of the planning widget. When logged in, the user will
see an overview of existing projects to which the user has access to. In addition, it is possible to create
new projects. In order to create a new project a project name needs to be given. Optionally, a project
description can be given. Moreover, when a user is logged in, a 'Logout' button appears in the top-right
corner of the virtualcityMAP. The button allows to logout of the planning widget.<br><br>
<img src="../../img/planner/planner-start-en.jpg" height="200" width="1132" class="scale border"
style="max-width: 1132px" alt="Project list" />
</p>
<p>
A click onto the <b>project's name</b> in the left column allows to edit the project.
It is possible to change the access permissions, to edit the project description, and to delete the project.
<!--
A click onto the 'pen'
symbol next to the project name allows to work with the project (upload resp. delete models, hide objects, etc.).
-->
<br><br>
When the <b>pen symbol</b> was clicked, it is possible to work with the project.
<br><br>
These functions are explained below.
</p>
<div class="image-box">
<div class="sketch" style="max-width: 358px;">
<img src="../../img/planner/planning_all_objects_en.jpg" width="358" class="border scale" alt="Planning">
</div>
</div>
<p>
The currently activated button is highlighted in green.
</p>
<ul class="inline-block">
<li><a href="#projectlistview">Go back to the project list</a></li>
<li>
<a href="#objectlist">Show a list of available objects</a>
<ul>
<li><a href="#dataImport">Data Import/Export</a></li>
<li><a href="#editObject">Edit 3D Models</a></li>
<li><a href="#layerEditor">Edit vector layers in Layer Editor</a></li>
<li><a href="#drawing">Create/edit drawings</a></li>
</ul>
</li>
<li><a href="#hideobjects">Hide objects on the map</a></li>
<li><a href="#createFlight">Create camera flights</a></li>
<li><a href="#createViewpoint">Creating Viewpoints</a></li>
<li><a href="#addComment">Insert Comments</a></li>
</ul>
<p id="projectlistview" class="clear-both">
<span class="widget-button single-left dark font-icon fa fa-list"></span>
<b>Back to the project list</b><br>
By selecting the first button, you return to the project list.
</p>
<p id="objectlist" class="clear-both">
<span class="widget-button single-left dark font-icon">
<span class="fa-building-o stack-building dark"></span>
<span class="fa-plus-circle stack-second-icon plus"></span>
</span>
<b>Show available objects</b><br>
It is possible to add new 3D models to the virtualcityMAP as well as to edit or delete models from the
project. A new 3D object can be added by clicking the corresponding button. This opens up a file browser
window, in order to select a file containing the 3D object that shall be uploaded. The upload process will be
started automatically after clicking 'open'. At the moment the planning widgets supports glTF, glb, COLLADA,
zip, and KMZ files.<br><br>
When clicking the 3D object's name the map view will be centered at this object. A click onto the waste bin
symbol deletes the object from the project. The 3D object can be edited after clicking the pen symbol.
<!--
If the placement-mode is activated <img src="../../img/planning_placement_button.png" style="height:25px" />, a click
into the map replaces the object to the clicked position.
By clicking the magnifier symbol the camera zooms to the selected object.
Moreover, it is possible to translate (x, y, and z direction), to scale, to rotate,
to pitch, and to roll the object as well as to add a description.
-->
</p>
<p id="hideobjects">
<b>Hide objects</b>
</p>
<div class="image-box">
<div class="sketch" style="max-width: 355px;">
<img src="../../img/planner/planning-hide-objects-en.jpg" width="355" class="border scale" alt="Hide Objects">
</div>
</div>
<p>
The planning module of the map allows users to hide 3D objects of the map context during planning. Trees,
buildings, etc. can be virtually removed for planning purposes. Thus the planning can be realized in existing
buildings and after "virtual demolition".
</p>
<p>
Hidden objects are displayed in a list with their IDs. A click on the eye next to the ID shows the object in
the map again and deletes it from the list of objects to be hidden. If you move the mouse over the object list,
the hidden objects are temporarily displayed in the map and provided with a red highlight style.
</p>
<!--
<p>
<span class="widget-button single-left dark font-icon">
<span class="fa-building-o stack-building dark"></span>
<span class="fa-eye-slash stack-second-icon plus"></span>
</span>
<b>Hide objects</b><br>
A click onto the button activates the menu to hide objects in the virtualcityMAP. This may be useful, if
buildings will be demolished in the current planning. Existing buildings can be hidden, by clicking onto them.
A click on 'Save' applies, a click on 'Cancel' discards the changes.<br><br>
<span class="widget-button single-left sub-btn font-icon fa fa-eye-slash"></span>
Already hidden objects can be displayed again by selecting them in the drop-down menu: Click on the button of
the corresponding object. Again, the changes need to be applied by clicking the save button.
</p>
-->
<p id="createFlight" class="clear-both">
<span class="widget-button dark single-left widget-icon-svg-camera"></span>
<b>Create camera flight</b><br>
With this tool you can create virtual sightseeing flights inside the Planning module and play them in the
application, or export them as GeoJSON.
<br><br>
Detailed instructions for creating a flight can be found in the section of the corresponding widget for
creating <a href="#flights">virtual sightseeing flights</a>.
</p>
<p id="createViewpoint" class="clear-both"><br>
<b>Create Viewpoint</b>
</p>
<div class="image-box">
<div class="sketch" style="max-width: 351px;">
<img src="../../img/planner/planner-viewpoint-en.jpg" height="438" width="351" class="border scale" alt=""/>
</div>
</div>
<p>
The ability to create viewpoints in the Planner environment allows the user to define different viewpoints in
the context of projects.<br>
These viewpoints are displayed next to the vector levels and flights in the legend. In addition, the views
defined here can be used, for example, in the flight widget to reach the predefined points.<br>
By clicking on "Create new viewpoint", the respective viewpoint at which the user is currently located is used.
</p>
<p>
The editing the name and the fine adjustment of the viewpoint can be done by clicking on the pen symbol.<br>
By activating the pedestrian mode, minor changes to the viewing angle can be made. The name and angle changes
can be applied or discarded by clicking on the buttons next to the pedestrian mode button.
</p>
<p>
With a click on the star symbol at the viewpoint you can define to which viewpoint the virtualcityMAP jumps
when you click on the parent project.
</p>
<p id="addComment" class="clear-both">
<b>Create a comment</b><br>
</p>
<div class="image-box">
<div class="sketch" style="max-width: 355px;">
<img src="../../img/planner/planner-comment-en.jpg" height="285" width="355" class="border scale" alt="" />
</div>
</div>
<p>
The planner's comment function allows you to mark planning locations and share important information between
users. This can be processing statuses or similar.
</p>
<p>
Each comment contains a title and an individual description by the author. The metadata of the comment are
author, date and time. The position of the comment is represented by a colored marker.
</p>
<p>
<img src="../../img/planner/planner-comment-balloon-en.jpg" height="145" width="497"
class="scale float-right" style="width: 320px; height: auto;" alt="" />
The description as well as the title are displayed in the balloon. Author, date and time are represented in
the footer of the balloon.
Changes made by a user are also presented in the footer, indicated by the addition "Edited" and the date/time
of editing.
</p>
<p>
The filter dropdown and selection menus can be used to show comments based on users and comment marker. Thus a selection for
individual user comments or planning stages is possible.
</p>
<p>
If the user has the appropriate permissions (which can be set in the backend of virtualcityPLANNER) to share,
the planning can be shared with other users. This allows other users to create comments and place them on the
map. In a shared plan, all comments are then visible to all other users with whom the plan was shared.
</p>
<p class="clear-both">
<b>Edit a comment:</b><br>
<span class="widget-button single-left sub-btn font-icon fa fa-pencil"></span>
Clicking on the pen opens the editing window. The title, description, position and color of the marker /
comment can be changed here by an authorized user.
</p>
<p>
<b>Move a marker:</b><br>
"ALT" + left mouse button drag the marker to the desired position.
</p>
<p>
<b>Color change of a marker:</b><br>
<img src="../../img/planner/comment-marker.jpg" height="53" width="183" alt="Set of markers" /><br>
Selection of another marker from the bar of available markers and saving the changes.
</p>
<p id="dataImport"><br>
<b>Data Import / Export</b>
</p>
<p>
Data can be imported on planning and layer level by button or drag&drop.
</p>
<p>
<img src="../../img/planner/data-import-project-de.jpg" height="240" width="356"
class="border scale float-left" style="max-width: 356px;" alt="" />
An <b>import on planning level</b> causes a corresponding level to be created for each imported file. Layers
in this sense are vector, raster and 3D object layers.
</p>
<p style="margin-bottom: 0;">
<b>Import formats:</b><br>
The following formats can be imported natively into a planning instance:
</p>
<ul class="inline-block">
<li>GeoJSON</li>
<li>Shape as ZIP archive</li>
<li>Collada files (DAE)</li>
<li>KMZ</li>
<li>GLTF / GLB</li>
<li>GeoTIFF</li>
<li>Other image formats like PNG, JPG</li>
</ul>
<p class="clear-both">
<img src="../../img/planner/data-import-layer-de.jpg" height="509" width="355" class="border scale float-left"
style="max-width: 355px;" alt=""/>
An import on layer inside the layer editor is only possible for vector layers and integrates the imported
features into this layer.
</p>
<p style="margin-bottom: 0;">
<b>Import formats:</b>
</p>
<ul class="inline-block">
<li>GeoJSON</li>
<li>Shape as ZIP archive</li>
</ul>
<p>
Depending on the import format, the behavior of virtualcityPLANNER varies.
</p>
<p>
GeoJson & Shape files are georeferenced and are placed on the map accordingly. If there are no absolute
elevations in these formats, they are placed over the terrain (clamp to ground) of the map. If the attribute
olcs_extrudedHeight exists in the formats Shape / GeoJson, the objects are extruded and placed in the map.
</p>
<p>
KMZ, DAE and GLTF / GLB models are processed and have to be placed manually in the map. See section
<a href="#editObject">„3D model editing“</a>.
</p>
<p>
Raster formats are processed and stored under raster layers. With the exception of GeoTIFF, these must then be
placed manually in the map.
</p>
<p><br>
<b>Export formats:</b><br>
The virtualcityPLANNER allows you to export data at different locations.<br>
Depending on the layer, the data can be exported as GeoJSON (vector layer) or GLTF /GLB (object layer).
<br><br>
Single objects (from the 3D object layer) are generally exported as GLB models.<br>
Vector objects- or layers are generally exported as GeoJSON.
</p>
<p class="clear-both">
<b>Export from the 3D object layer:</b><br>
<img src="../../img/planner/export-icons.png" height="39" width="67" alt="" class="float-left"/>
Left Button: Download model as GLTF / GLB model<br>
Right Button: Download VCS configuration file for integration into vcPUBLISHER (for experts only)
</p>
<p id="editObject" class="clear-both inline-block"><br>
<b>3D model editing</b><br><br>
Once an object has been uploaded, you have the option to edit it in edit mode. An object description can then
be added. The buttons below have the following functions:<br><br>
<span class="inline-block">
<img src="../../img/placemarker.png" class="single-left" alt="Placement Button">
The object can be placed at any point by clicking into the map
</span><br>
<span class="clear-both inline-block">
<img src="../../img/place_on_terrain.png" class="single-left" alt="Place onto the terrain">
Makes it possible to set the building on the terrain
</span><br>
<span class="clear-both inline-block">
<img src="../../img/zoom_to_object.png" class="single-left" alt="Zoom to Object Button">
By clicking the magnifier symbol the camera zooms to the selected object.
</span><br>
<span class="clear-both inline-block">
<img src="../../img/arrow_cross.png" class="single-left" alt="Move Object Button">
Allows you to move the object (in X, Y, and Z directions) and enter a scale factor
</span><br>
<span class="clear-both inline-block">
<img src="../../img/round_arrow.png" class="single-left" alt="Rotate/Tilt Object Button">
Rotate and tilt the object
</span>
</p>
<div class="sketch clear-both">
<img src="../../img/planner/planning_shanghai_en.jpg" class="scale border" alt="Screenshot Planning Tool">
</div>
<p id="layerEditor"><br>
<b>Layer Editor</b>
</p>
<p>
Layer Editor General:<br>
The functionalities of the Layer Editor in the Planning widget are essentially based on the Drawing widget of
the virtualcityMAP, but extend them by functionalities that additionally support the planning context. Thus
layer descriptions, feature descriptions, individual styling and much more can be realized quickly and easily.
Shape files, GeoTiff, Collada, GLTF & KMZ can be integrated effortlessly and thus considerably strengthen the
planning context.
</p>
<p>
The Layer Editor provides 3 modes for editing the layer and its objects/features:
</p>
<ul>
<li>Create</li>
<li>Edit</li>
<li>Settings</li>
</ul>
<p>
<img src="../../img/planner/planner-le-create-en.jpg" height="256" width="354" class="float-left border scale"
alt="" style="max-width: 354px"/>
<b>Create:</b><br>
At the beginning you have to decide if you want to draw on ground level or in absolute mode on an existing or
self-drawn building. By default the drawing is done on the ground level. The absolute mode must be selected
for each drawn object.<br><br>
Then click on one of the buttons in the upper row to define a geometry shape for drawing.<br><br>
To create/draw an object, the same functions are available that are also used in the drawing mode/drawing
widget. A description of the functions can be found in the <a href="#drawing">Drawing Tools</a> section.
</p>
<p class="clear-both">
<img src="../../img/planner/planner-le-edit-en.jpg" height="427" width="354" class="float-left border scale"
alt="" style="max-width: 354px" />
<b>Edit:</b><br>
Individual features can be selected in edit mode:
</p>
<ul class="inline-block" style="max-width: 400px">
<li>Select Button<br>
Here you can enter a name and a description for the selected feature.
</li>
<li>Edit Button<br>
Editing of the support points and application of the different drawing styles
</li>
<li>Export Button<br>
Export selected feature as json file
</li>
<li>Delete Button<br>
Delete selected feature
</li>
<li>Confirm Button<br>
Complete object processing
</li>
<li>Choice of style options (same as under Settings)<br>
<a href="#drawing">Drawing styles</a>
</li>
</ul>
<p class="clear-both">
<img src="../../img/planner/planner-le-settings-en.jpg" height="630" width="354"
class="scale border float-left" alt="" style="max-width: 354px" />
<b>Settings:</b><br>
Under this menu item, settings can be made that affect the entire layer.
</p>
<ul class="inline-block" style="max-width: 400px">
<li>
Defining the layer name, entering a description for the layer
</li>
<li>Preset height mode for all features as well as their ski height and storey height</li>
<li><a href="#drawing">Drawing styles</a></li>
<li>
Using the Import feature, vector data sets that have already been saved can be added to the vector plane
and saved below it.
</li>
<li>
The Optimize layer creates a binary data set, which makes the vector layer more perfomant. This is only
really necessary for ~500 objects.
</li>
<li>
Pressing the download button downloads the complete vector layer as a GeoJSON file and thus all plans
contained in it.
</li>
</ul>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Flight">
Camera Flights
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="flights" class="content-box hidden vcs_vcm_widgets_Flight">
<h3>How to create Camera Flights</h3>
<p>
With this tool you have the possibility to create virtual sightseeing flights, to use them in the application
or to export it as GeoJSON.
</p>
<p>
<span class="widget-button single-left widget-icon-svg-camera"></span>
The settings for film creation can be activated via the button with the camera icon, which
can be found in the widget selection bar. Now the window "Create virtual sightseeing flight" opens on the left,
in which a new sightseeing flight can be created - or an already exported film can be imported again.
</p>
<img src="../../img/flight/flight-startscreen-en.jpg" height="622" width="1320" class="scale border" alt=""/>
<p>
<b>Create a new flight</b><br><br>
You can edit your film using the two drop-down menus "Settings" and "Set flight path".
</p>
<p>
<img src="../../img/flight/flight-create-en.jpg" height="440" width="354" alt="" class="border scale float-left"
style="max-width: 354px; margin-bottom: 40px;" />
<b>Settings</b><br><br>
Here you can …
</p>
<ul class="inline-block">
<li>eassign a name for your sightseeing flight</li>
<li>set the type of interpolation</li>
<li>activate a circular trajectory</li>
<li>set the total flight time</li>
<li>hide and show the flightpath</li>
</ul>
<p class="clear-both"><b>Interpolation:</b></p>
<img src="../../img/flight/sketch-spline-linear.jpg" height="319" width="1320" class="scale" alt=""/>
<p>
<b>linear:</b><br>
Displays the defined trajectory as a straight line.
</p>
<p>
<b>spline:</b><br>
Displays the specified trajectory as a curve. At least 3 viewpoints must be defined which are not on a line.
</p>
<p class="infobox">
<b>TIP:</b> To be able to compare between the settings linear and spline, look at your flight path from the
corresponding height and switch between the two settings. While playing the movie you can switch between the
interpolation settings.
</p>
<p><br><b>Circular Flightpath:</b></p>
<p>
This function automatically creates an air route from the last to the first viewpoint so that the movie can be
played back circularly.
<img src="../../img/flight/sketch-circular-en.jpg" height="319" width="1320" class="scale" alt="" />
<br><br>
<b>Flight time:</b><br>
Here you can set a total playing time for the movie in seconds. This has an effect on the running time between
the viewpoints.
<br><br>
<b>Hide and show the flightpath:</b><br>
By activating this checkbox, the yellow markers for the set viewpoints and the flightpath are shown and
hidden. This also works while the movie is playing.
</p>
<p>
<b>Set a flightpath</b><br>
The drop-down menu "Jump to Viewpoint ..." takes you directly to a preset viewpoint and you can define it as
such via the button "Create new viewpoint". To define your own viewpoint, simply go to the desired view in the
map window and then click on "Create new viewpoint". An unlimited number of viewpoints can be set.
</p>
<p>
A set viewpoint is indicated by a yellow marker. The first time a viewpoint is set, the whole window is colored
transparent yellow. This is the camera view of your viewpoint. As soon as you zoom out a little from the set
view, the complete outline of the camera view of the viewpoint can be recognized.
<img src="../../img/flight/flight-track.jpg" height="319" width="1320" class="scale" alt="" />
</p>
<p>
To return to the camera view of the viewpoint, simply click on the button associated with the viewpoint.<br><br>
Using the plus icon you can easily add a new viewpoint between two other viewpoints.
</p>
<p><br>
<b>Editing viewpoints</b>
<br><br>
The icon with the pencil next to the viewpoint opens the editing mode. Here you can give the viewpoints
separate names or fine tune the view.
<img src="../../img/flight/edit-viewpoints-en.jpg" height="622" width="1320" alt="" class="scale" />
</p>
<p>
A click on the pedestrian symbol in the upper right corner of the map window below the navigation rose opens
a selection of options for fine adjustment. The buttons with the angle symbol can be used to increase or
decrease the viewing angle and the arrow symbols can be used to change the height of the view. This can also
be set directly via the input window below.
<img src="../../img/flight/edit-viewpoint-in-walkmode-en.jpg" height="622" width="1320" alt="" class="scale" />
</p>
<p>
After the selection has been made, it can be confirmed by clicking on the symbol with the tick or discarded
by clicking on the cross. This also confirms or rejects the entry of a name.<br><br>
A click on the button with the trash bin deletes the corresponding viewpoint.
</p>
<p><br>
<b>Export and Save</b><br><br>
The created films can be exported as GeoJSON and then imported again at any time.
</p>
<p>
If the film is saved via the corresponding button, it will only be made available temporarily for this
session. As soon as the application is reloaded or the movie is closed, it is no longer available!
</p>
<p>
The created film sequences are listed on the home screen. A click on the corresponding button opens the
playbar. You can also edit or delete the film here.
</p>
<p>
If the "Cancel" button is clicked, it is again pointed out that the flight is invalid, i.e. not saved, and
this must be confirmed again. The process can also be cancelled here. By confirming with "OK" you reach the
home screen "Create virtual sightseeing flight". The film sequences already saved in this session are
available here.
</p>
<p><br>
<b>Import film</b><br><br>
With the button "Import film" the previously exported Json file can be imported again and the film is
directly available for playback or further processing.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Measuring tool
<i class="fa fa-angle-right fa-2x drop-down"></i></div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="measurement" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>The Measuring tool in general</h3>
<p>
<img src="../../img/measurement/measuretool-btn-32.png" height="32" width="32"
class="widget-button single-left" alt="Button Messwerkzeuge">
With the Measuring tool it is possible to measure directly in the virtualcityMAP. It can be activated, by
clicking the shown symbol.
</p>
<p class="clear-both">
All tools of the measurement widget deliver as result the measured value related to the local coordinate
system of the map, independent of the global coordinate system used in the viewer. The measurement tool can be
provided in the Oblique, 2D and 3D maps. The tools vary depending on the map in which the measurement tool is
used.
</p>
<p>
Measurement objects or the coordinates of the measurement objects (point, line, polygon) are projected into
the local coordinate system of the application according to the map used (Oblique, 2D, 3D) and the measured
value is output according to this coordinate system.
</p>
<div class="sketch">
<img src="../../img/measurement/sketch-calculate-distance_en.jpg" class="scale" height="185" width="352" alt="">
</div>
<div class="sketch">
<img src="../../img/measurement/sketch-calculate-area_en.jpg" class="scale" height="275" width="359" alt="">
</div>
<p>
<span class="widget-button single-left dark font-icon fa fa-check" style="font-size: 1rem;"></span>
Measurements can be completed by double-clicking the end point or by clicking the "End measurement" button.
</p>
<p><br>
In all measurement modes, the measurements performed and the associated geometry objects are retained,
even if a new measurement mode is selected.
</p>
<p>
<span class="widget-button single-left dark font-icon fa fa-trash-o" style="font-size: 1rem;"></span>
Measurements and the associated measurement geometries can all be removed or deleted from the view by clicking
on the trash. Individual objects can be selected by mouse click on the measurement geometry and deleted
individually from the view with "Delete".<br>
Deleted objects <strong style="color: red;">cannot</strong> be restored!
</p>
<p>
<strong>Selection of a measurement geometry:</strong>
Left mouse click on the corresponding geometry / measurement
</p>
<p>
<strong>Deselection of a measurement geometry:</strong>
Left mouse click somewhere in the map
</p>
<p>
<strong>Edit a measurement geometry:</strong>
Select the measurement geometry and then:
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-measure-edt.jpg" height="144" width="173" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 170px;">Measurement geometry before editing</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-measure-edt-finnished.jpg" height="144" width="178" class="scale" alt="">
</div>
<span class="sketch-subtitle" style="max-width: 175px;">
Changed measuring geometry by adding 3 additional calibration points
</span>
</div>
<p>
Add a new node:<br>
Click on the corresponding geometry to create a new node on the geometry.<br><br>
Move a node:<br>
"ALT" + drag with left mouse button to desired position<br><br>
Vertical Shift of a vertex:<br>
"CTRL" + drag by left mouse button to required position <br><br>
Delete a vertex:<br>
"Shift" + click on vertex to be deleted
<i>(Important note: The measurement has to be finished before the delete operation!)</i>
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Measuring tool in the Oblique map
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="obliqueMeasurement" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Measuring tool in the Oblique map</h3>
<p>
The Oblique map contains the measuring tools:
</p>
<div>
<div class="button-row inline-block">
<img src="../../img/measurement/measure-width2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="Measuring width in 2D">
<img src="../../img/measurement/measure-height2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="Measuring height in 2D">
<span class="widget-button dark font-icon fa fa-check" style="font-size: 1rem;"></span>
</div>
<ul class="list-free-style inline-block">
<li>Horizontal distance measurement</li>
<li>Vertical distance measurement</li>
</ul>
</div>
<p>
A terrain model is assumed in the Oblique-map for the vertical distance measurement, if this is not available,
indicated measurements can only be interpreted as estimated values.
</p>
<p>
All output measured values refer to the local coordinate system of the application.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Measuring tool in the 2D map
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="measurement2Dmap" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Measuring tool in the 2D map</h3>
<p>
The 2D map contains the measuring tools:
</p>
<div>
<div class="button-row inline-block">
<img src="../../img/measurement/measure-width2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="Measuring width in 2D">
<img src="../../img/measurement/measure-area2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="Measuring area in 2D">
<span class="widget-button dark font-icon fa fa-check" style="font-size: 1rem;"></span>
</div>
<ul class="list-free-style inline-block">
<li>Horizontal distance measurement</li>
<li>Surface measurement</li>
</ul>
</div>
<p>
Multiple measurements are possible and the measured values together with the measurement geometry are retained.
</p>
<p class="sub-header">
<strong>The following measurement modes are available for horizontal distance measurement:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-distance-couple-points.jpg" width="218" height="137" class="scale"
alt="">
</div>
<span class="sketch-subtitle">Direct distance between two points</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-distance-line.jpg" width="292" height="137" class="scale" alt="">
</div>
<span class="sketch-subtitle">Line measurement as polyline</span>
</div>
<p class="clear-both">
The distance measurement follows the principle of the Euclidean distance between two points in the plane or in
space and is, for example, the length of a distance measured with a ruler that connects these two points.
In two-dimensional space or in three-dimensional Euclidean space, the distance, distance or distance between
two points is the length of the shortest connection between these points. In Euclidean space, this is the
length of the straight line between the two points. The distance between two geometric objects is therefore
the length of the shortest connecting line between the two objects, i.e. the distance between the two nearest
points.
</p>
<!--
<p class="sub-header">
<strong>The following measurement modes are available for point measurement:</strong>
</p>
<div class="image-box">
<div class="sketch"><img src="../../img/measurement/sketch-point-measuring.jpg" height="252" width="424" class="scale"></div>
<span class="sketch-subtitle">Coordinate or point measurement of several objects</span>
</div>
<p>
The output of the coordinate duplicates or triples takes place in the reference system of the application (e.g.: above EPSG:25833)
</p>
-->
<p class="sub-header clear-both">
<strong>The following measurement modes are available for 2D surface measurement:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-2d-area-measuring.jpg" height="187" width="237" class="scale"
style="min-width: 280px; height: auto;" alt="Sketch of 2D area measuring">
</div>
<span class="sketch-subtitle full-width">
Area: <span class="float-right" style="margin-right: 4px;">258.3m²</span><br>
Umfang: <span class="float-right" style="margin-right: 8px;">72.4m</span>
</span>
</div>
<p>
The result of the area determination in 2D returns the area and the circumference of the drawn object related
to the local coordinate system of the map (here: EPSG:25833).
</p>
<br/>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_Measurement">
Measuring tool in the 3D map
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="measurement3Dmap" class="content-box hidden vcs_vcm_widgets_Measurement">
<h3>Measuring tool in the 3D map</h3>
<p>
The measuring tool of the 3D map includes the measuring tools of the 2D map and extends them by 3D measuring
tools, which make it possible to measure 3D objects.
</p>
<div class="button-row float-left" style="min-width: 200px;">
<p style="margin-top: 0;"><strong>2D Measuring</strong></p>
<img src="../../img/measurement/measure-width2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="2D width measuring">
<img src="../../img/measurement/measure-area2d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="2D area measuring">
<p><strong>3D Measuring</strong></p>
<img src="../../img/measurement/measure-width3d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="3D width measuring">
<img src="../../img/measurement/measure-area3d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="3D area measuring">
<img src="../../img/measurement/measure-height3d-btn-w.png" height="32" width="32"
class="widget-button dark" alt="3D height measuring">
<p>
<span class="widget-button dark font-icon fa fa-check" style="font-size: 1rem;"></span>
</p>
</div>
<p><strong>2D&nbsp;Measuring Tools in the 3D Map</strong></p>
<p>
The description of <b>"Measuring tool in the 2D map"</b> applies, whereby it should be noted that in the
3D map the 2D measurements always follow the terrain, but the result <b style="text-decoration: underline;">ALWAYS</b> refers to the
local coordinate system of the application.
</p>
<p class="sub-header">
<strong>2D distance measurement in the 3D map:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-2d-measure-distance.jpg" height="160" width="215" class="scale"
alt="Sketch measuring distance in 2D view">
</div>
<span class="sketch-subtitle" style="max-width: 210px;">
Direct euclidean distance of two points in 3D considering the terrain
</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-2d-measure-area.jpg" height="160" width="288" class="scale"
alt="Sketch measuring area in 2D view">
</div>
<span class="sketch-subtitle" style="max-width: 285px;">Area measurement in 2D under consideration of the terrain</span>
</div>
<p class="clear-both"><strong>3D&nbsp;measuring tools in the 3D map</strong></p>
<p>
The measuring tools in 3D are extended by the height measurement and allow to directly include 3D objects in
the measurement or to measure them directly.
</p>
<p>
The following measuring modes are possible with the 3D measuring tools:
</p>
<p class="sub-header">
<strong>Distance measurement in 3D:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-distance.jpg" height="154" width="300" class="scale"
alt="Sketch measuring distance in 3D view">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">
Direct euclidean distance between two points in 3D considering the terrain and the 3D objects
</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-distance-on-top.jpg" height="154" width="300"
class="scale" alt="Sketch measuring distance on top in 3D view">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">Euclidean distance measurement on the 3D object</span>
</div>
<p class="sub-header clear-both">
<strong>Area measurement in 3D:</strong>
</p>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-area.jpg" height="280" width="300" class="scale"
alt="Sketch measuring area in 3D view">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">Area measurement on the 3D object</span>
</div>
<div class="image-box">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-area-top.jpg" height="280" width="300" class="scale"
alt="Sketch measuring area on top in 3D view">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">
Area measurement on the 3D object up to the terrain
</span>
</div>
<p class="sub-header clear-both">
<strong>Height measurement in 3D:</strong>
</p>
<div class="image-box" style="margin-bottom: .5rem;">
<div class="sketch">
<img src="../../img/measurement/sketch-3d-measure-height.jpg" height="300" width="300" class="scale"
alt="Sketch measuring height in 3D view">
</div>
<span class="sketch-subtitle" style="max-width: 300px;">Height measurement on / with the 3D object up to the terrain</span>
</div>
<br/>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_heightProfile_HeightProfile">
Height profile tool
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="heightProfile" class="content-box hidden vcs_vcm_widgets_heightProfile_HeightProfile">
<h3>Height profile tool</h3>
<p>
<span class="widget-button single-left white font-icon fa fa-line-chart"></span>
The height profile tool allows the user to create a cross-section including height information between two
points in the 3D map.
</p>
<p>
The height profile is created with the button <span class="widget-button text dark">New Profile</span>.
The resolution and thus the precision of the height profile can be adjusted. Please note that the lower the
resolution, the longer the calculation time of the profile. If the resolution is too low and the extension is
too large, an error message will appear.
</p>
<p>
Under the selection item "Reference surface" you can select whether the 3D elements are to be included in
the height profile or only the terrain is to be taken into account. The setting options can also be adjusted
after the profile has been created.
</p>
<p>
The start and end points of the height profile can be defined and then calculated with two separate clicks.
</p>
<p>
The profile can be moved later by selecting the green line in the map and clicking on the round symbol again.
</p>
<p>
<b>Attention:</b> Although the green line is set exactly to the 3D content, overhangs cannot be taken into
account in the height profile.
</p>
<p>
Detailed measurements can be made in the output height profile by selecting two points between which the
measurement is to be made:
</p>
<div class="sketch">
<img src="../../img/height-profile/height-chart-en.jpg" height="272" width="487" class="scale"
alt="Height Chart">
</div>
<p>
Measurements taken can be replaced by selecting two other points or removed by pressing the
<span class="widget-button text dark">Delete Measurement</span> Button.
</p>
<p>
<span class="widget-button single-left white font-icon fa fa-download"></span>
In addition, the output height profile, including the measurements performed, can be saved as an image by
pressing the Download Button.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_AdvancedWalkMode">
Extended Pedestrian Mode
<i class="fa fa-angle-right fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="advancedWalkMode" class="content-box hidden vcs_vcm_widgets_AdvancedWalkMode">
<h3>Extended Pedestrian Mode</h3>
<p>
<span class="widget-button font-icon single-left white adv-walkmode-btn"></span>
The extended pedestrian mode allows the user to define a visual analysis between two freely selectable points.
After activating this mode, the first click on the map defines the start position and the second click
defines the view direction. This function can be used to find out, which objects a User is able to see from a
certain point of view.
</p>
<p>
<span class="widget-button font-icon single-left white adv-walkmode-btn active"></span>
This mode can be left by deactivating the symbol in Control-Elements or underneath the Navigation-Control.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_TransparentTerrainMode">
Transparent Terrain Mode
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="transpTerrain" class="content-box hidden vcs_vcm_widgets_TransparentTerrainMode">
<h3>Transparent Terrain Mode</h3>
<p>
<img src="../../img/cutout-view-btn.png" height="32" width="32"
class="widget-button single-left" alt="Button Cutout View">
The transparent terrain mode allows the user to look in 3D view under the terrain, for example, to make
elements visible under the surface. Select the widget and position the box by clicking on the desired
location. Click again to move the box.
</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widget_postProcessStages">
Filter and Effects
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="postProcess" class="content-box hidden vcs_vcm_widget_postProcessStages">
<h3>Filter and Effects</h3>
<p>
<span class="widget-button single-left white font-icon fa fa-cog"></span>
The possibility to apply filters and effects to the virtualcityMAP in 3D mode is provided under “Settings”.
<br>The eight different filter modes can be activated individually or combined with other effects.
</p>
<p>
<span class="widget-button single-left dark font-icon fa fa-plus"></span>
Adjustments to the default settings of the filters can be made directly next to the corresponding filter with
the button.
</p>
<p><br>To deactivate this function please click again on the filter.</p>
<hr class="hide-for-mobile">
</div>
<!-- ENDE: Container Inhaltstext -->
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_widgets_NavigationControls">
Navigation
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<div id="navigation" class="content-box hidden vcs_vcm_widgets_NavigationControls">
<h3>Navigation in the application</h3>
<p>The 2D- as well the 3D-view allow to navigate in the map by using the mouse or the keyboard.</p>
<div class="hidden vcs_vcm_maps_Openlayers">
<p><strong>2D-Map View</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... by mouse</strong></td>
<td><strong>... by keyboard</strong></td>
</tr>
<tr>
<td>Map pan</td>
<td>Left mouse click and pull map</td>
<td>Press arrow keys to navigate to the corresponding direction</td>
</tr>
<tr>
<td>Zoom in / Zoom out</td>
<td>Zoom in or out by spinning the mouse wheel</td>
<td>Press plus or minus key</td>
</tr>
</tbody>
</table>
</div>
<div class=" hidden vcs_vcm_maps_Cesium">
<p><strong>3D-Map View</strong></p>
<table width="100%" border="1">
<tbody>
<tr class="head">
<td>&nbsp;</td>
<td><strong>... by mouse</strong></td>
<td><strong>... by keyboard</strong></td>
</tr>
<tr>
<td>Map pan</td>
<td>Left mouse click and pull map</td>
<td>Press arrow keys to navigate to the corresponding direction</td>
</tr>
<tr>
<td>Tilt view</td>
<td>Press mouse wheel and move mouse front or back</td>
<td>Press 'Page Up' resp. 'Page Down' key</td>
</tr>
<tr>
<td>Rotate view</td>
<td>Press mouse wheel and move mouse to the left or right</td>
<td>Press 'Home' resp. 'End' key</td>
</tr>
<tr>
<td>Zoom in / Zoom out</td>
<td>Zoom in or out by spinning the mouse wheel</td>
<td>Press plus or minus key</td>
</tr>
</tbody>
</table>
</div>
<hr class="hide-for-mobile">
</div>
<!-- Navigations Button -->
<div class="help-menu-toggler hidden vcs_vcm_maps_Cesium">
Troubleshooting
<i class="fa fa-angle-down fa-2x drop-down"></i>
</div>
<!-- ENDE: Navigations Button -->
<!-- Container Inhaltstext -->
<p id="troubleshooting" class="content-box hidden vcs_vcm_maps_Cesium">
<h3>Troubleshooting</h3>
<p>Falls die 3D Karte in Ihrem Browser nicht lädt oder sehr langsam läuft: Mögliche Ursachen</p>
<p>
<p><strong>Fehlende Hardwarebeschleunigung</strong></p>
<p>
Die Hardwarebeschleunigung Ihrer Grafikkarte wird nicht unterstützt – Das bedeutet, dass der Webbrowser auf
Softwarerendering umgeschaltet hat, somit ist eine performante Darstellung von 3D-Daten rein technisch
nicht möglich. Lösungsvorschlag: Über die Webseite http://webglreport.com/ können Sie die aktuelle
Browsereinstellung bezüglich Hardware- oder Softwarerendering testen.
</p>
<p>Softwarerendering ist aktiv = 3D-Karte kann mit Ihrem Browser nicht verwendet werden.</p>
<p style="max-width: 90%;">
<img src="../../img/softwarerendering_aktiv.png" width="1199" height="788" alt="Softwarerendering"
class="border scale">
</p>
<p>Hardwarerendering ist aktiv = 3D-Karte kann mit Ihrem Browser verwendet werden</p>
<p style="max-width: 90%;">
<img src="../../img/hardwarerendering_aktiv.png" width="1199" height="788" alt="Hardwarerendering"
class="border scale">
</p>
<p>
<p><strong>Grafiktreiber ist veraltet</strong></p>
<p>
Lösungsvorschlag: Bitte aktualisieren Sie Ihren Grafiktreiber und prüfen ob die Hardwareunterstützung
aktiviert ist.
</p>
<p>
Beispiel aus dem Internet Explorer 11: Einstellungen >> Internetoptionen >> Erweitert >> Softwarerendering
anstelle von GPU-Rendering verwenden. Ein Neustart des Browsers ist erforderlich.
</p>
<div class="inline-block">
<img src="../../img/internetoptionen.jpg" width="609" height="834" alt="Internet Optionen"
style="max-width: 609px;" class="border scale" />
</div>
<p><strong>Ihr Browser unterstützt kein WebGL</strong></p>
<p>
Lösungsvorschlag: Bitte verwenden Sie einen aktuellen Browser z.B. Firefox ab 51.x , Google Chrome ab 56.x,
Internet Explorer ab Version 11. Der Microsoft Edge ist ab Version 0.95 WebGL-fähig.
</p>
</div>
</div>
<!-- ENDE: Container Inhaltstext -->
</div>
</div>
</body>
</html>
vcm/templates/items.json 0 → 100644
View file @ c398fc9f
{
"disableMovement": false,
"allowMapSwitch": true,
"startButton": "tourstart-btn",
"actions": [
{
"id": "unser_view",
"type": "viewpoint",
"viewpoint": {
"name": "e5e507b3-45be-4711-b599-b6fcb30c7023",
"distance": 311.2181223069483,
"cameraPosition": [
9.4660417708681,
49.08386522290984,
696.6791265788866
],
"groundPosition": [
9.46637663724102,
49.08598246338265,
494.67442169694857
],
"heading": 5.93081515944205,
"pitch": -40.47313477180078,
"roll": 0.02595985630025256,
"animate": false
}
}, {
"id": "STEST",
"type": "layer",
"layerNamesInactive": ["ProjektOne"]
},
{
"id": "sOne",
"type": "viewpoint",
"viewpoint":{
"name": "stockach",
"cameraPosition": [
9.200739649848082,
48.78628375787509,
1135.1106292376635
],
"groundPosition": [
9.200516671379766,
48.78950156895682,
-0.003564414081662304
],
"distance": 1190.3042008503244,
"heading": 357.3784311885765,
"pitch": -72.48572022202158,
"roll": 359.8755203745571,
"animate": false
}
},
{
"id": "startview",
"type": "viewpoint",
"viewpoint": {
"name": "19e286c5-9a95-4f16-abaf-41d7c4206d6e",
"cameraPosition": [
9.200739649848082,
48.78628375787509,
1135.1106292376635
],
"groundPosition": [
9.200516671379766,
48.78950156895682,
-0.003564414081662304
],
"distance": 1190.3042008503244,
"heading": 357.3784311885765,
"pitch": -72.48572022202158,
"roll": 359.8755203745571,
"animate": true
}
},
{
"id": "Energiefahrrad",
"type": "viewpoint",
"viewpoint": {
"cameraPosition": [
9.490177785343839,
49.110215840980494,
542.9665485297629
],
"groundPosition": [
9.491243722773158,
49.11021251654071,
492.28273282377523
],
"distance": 92.87944186974336,
"heading": 90.2717775404677,
"pitch": -33.07249620716207,
"roll": 0.22737187008668316,
"animate": true
}
},
{
"id": "Energiefahrrad_rotation",
"type": "rotate",
"viewpoint": {
"cameraPosition": [
9.490177785343839,
49.110215840980494,
542.9665485297629
],
"groundPosition": [
9.491243722773158,
49.11021251654071,
492.28273282377523
],
"distance": 92.87944186974336,
"heading": 90.2717775404677,
"pitch": -33.07249620716207,
"roll": 0.22737187008668316,
"animate": true
}
},
{
"id": "wea_action",
"type": "viewpoint",
"viewpoint": {
"cameraPosition": [
9.445119162001152,
49.0911516657819,
888.0794519647335
],
"groundPosition": [
9.430843300922792,
49.099105271885534,
474.7578962139027
],
"distance": 1428.5119895547143,
"heading": 310.3164135358324,
"pitch": -16.824394538455685,
"roll": 359.8481098376384,
"animate": false
}
},
{
"id": "wea2_action_high",
"type": "highlight",
"ids": {
"Veg_0":"#000000"
}
},
{
"id": "wea2_action_changelay",
"type": "layer",
"layerNames": [ "ATKIS-Basis" ],
"layerNamesInactive": [ "DOP" ]
},
{
"id": "wea_action_schrift",
"type": "geojson",
"featureUrl": "./datasource-data/label.json"
},
{
"id": "buildingsViewpoint",
"type": "viewpoint",
"viewpoint": {
"name": "f526d178-955c-47e3-ba65-eaeb190e1058",
"distance": 148.0563292147378,
"cameraPosition": [
9.463992103233396,
49.08471807375668,
588.2305910792728
],
"groundPosition": [
9.463956479771467,
49.085766792579804,
497.07603977753274
],
"heading": 358.7218699407178,
"pitch": -38.00147594506964,
"roll": 359.9945916829051,
"animate": true
}
},
{
"id": "globalHighlightAction",
"type": "highlight",
"layerNames": [
"Gebäude"
],
"ids": {
"DEBW_0010002ONuB": "#0000CD",
"DEBW_0010002ONuE": "#800000"
}
},
{
"id": "globalHideAction",
"type": "hide",
"ids": [
"DEBW_0010002ONzD",
"DEBW_0010002ONzF"
]
},
{
"id": "globalActivateBuildings",
"type": "layer",
"layerNames": [
"Gebäude"
]
},
{
"id": "globalActivateLehrpfad",
"type": "layer",
"layerNames": [
"Lehrpfad"
],
"layerNamesInactive": [
"Gebäude"
]
},
{
"id": "planning",
"type": "model",
"models": [
{
"longitude": 9.463956479771467,
"latitude": 49.085766792579804,
"height": 497.07603977753274,
"heading": -32,
"pitch": 0,
"roll": 0,
"scale": 10,
"url": "./datasource-data/Docs/Rad-gruen.glb",
"modelOptions": {
"silhouetteSize": 10,
"silhouetteColor": "#ff0000"
}
}
]
},
{
"id": "label",
"type": "geojson",
"featureUrl": "templates/geojson/labels.json"
},
{
"id": "SchillerkiezGeoJson",
"type": "geojson",
"featureUrl": "templates/geojson/schillerkiez.json"
},
{
"id": "rotateAroundFernsehturm",
"type": "rotate",
"viewpoint": {
"name": "3d190cd0-d98a-476d-91a3-ac37266226d4",
"distance": 725.0023527473282,
"cameraPosition": [
13.409074012271025,
52.516211925401564,
582.2472702638731
],
"groundPosition": [
13.409030280662918,
52.5205061101624,
37.0300713378518
],
"heading": 359.64407492172853,
"pitch": -48.76790235675541,
"roll": 359.99824029785805,
"animate": false
}
}
],
"items": [
{
"htmlID": "#mystory",
"scrollInteraction": [ "startview" ]
},
{
"htmlID": "#demo-viewpoint",
"scrollInteraction": [
"Energiefahrrad"
]
},
{
"htmlID": "#energiefahrrad",
"scrollInteraction": [
"Energiefahrrad" , "Energiefahrrad_rotation"
]
},
{
"htmlID": "#wea",
"scrollInteraction": [
"wea_action", "wea_action_schrift"
]
},
{
"htmlID": "#wea2",
"scrollInteraction": [
"wea_action", "wea2_action_high", "wea2_action_changelay", "wea_action_schrift"
]
},
{
"htmlID": "#demo-viewpointbutton",
"clickInteraction": [
"startview", "Energiefahrrad", "startview"
]
},
{
"htmlID": "#demo-hiding",
"scrollInteraction": [
"buildingsViewpoint",
"globalHideAction"
]
},
{
"htmlID": "#hideMyBuildingsButton",
"clickInteraction": [
"globalHideAction"
]
},
{
"htmlID": "#demo-highlight",
"scrollInteraction": [
"buildingsViewpoint",
"globalHighlightAction"
]
},
{
"htmlID": "#highlightMyBuildingButton",
"clickInteraction": [
"globalHighlightAction"
]
},
{
"htmlID": "#demo-layer",
"scrollInteraction": [
"buildingsViewpoint"
]
},
{
"htmlID": "#hidActivateLayerButton",
"clickInteraction": [
"globalActivateBuildings"
]
},
{
"htmlID": "#hidActivateLayerButton2",
"clickInteraction": [
"globalActivateLehrpfad"
]
},
{
"htmlID": "#demo-planning",
"scrollInteraction": [
"planning",
"buildingsViewpoint"
]
},
{
"htmlID": "#demo-rotate",
"scrollInteraction": [
"rotateAroundFernsehturm"
]
},
{
"htmlID": "#rotateButton",
"clickInteraction": [
"rotateAroundFernsehturm"
]
},
{
"htmlID": "#testing",
"clickInteraction": [
"sOne", "STEST"
]
}
]
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal