Skip to content

GitLab

Commit fbf0239e authored by Patrick's avatar Patrick
Browse files

update color

parent 3e9b10c3
Hide whitespace changes
Inline Side-by-side
vcm/config.json
View file @ fbf0239e
......@@ -145,7 +145,9 @@
{
"type": "vcs.vcm.widgets.BalloonInfo",
"name": "Balloon Info",
"balloonTypes": [{"template": ["<div class='balloon' onclick='testshow()' id='myBalloon'>"," <h1 class='balloon-title'>'Test'</h1>"," <div class='balloon-content' style='height:290px; margin-right: 0px;'"," </div>","<p class='balloon-text'><span>This is a test</span><br></p>","</div>","<% %>"],"minTop": "balloonHeight + 10","minLeft": "70","layerTypes": [""],"layerNames": ["100005"]},
"balloonTypes": [{"template": ["<div class='balloon' onclick='testshow()' id='myBalloon'>"," <h1 class='balloon-title'>'Test'</h1>"," <div class='balloon-content' style='height:290px; margin-right: 0px;'"," </div>","<p class='balloon-text'><span><a href='https://www.google.com/search?rlz=1C1CHBF_enDE811DE811&sxsrf=ALeKk01gRMo1LE6p2j5dnHH-eZa1E2I_TA%3A1604050697035&ei=Cd-bX7fRAY62Us68iYAC&q=test&oq=test&gs_lcp=CgZwc3ktYWIQAzIECCMQJzIECCMQJzIGCCMQJxATMgcIABCxAxBDMgQIABBDMgQIABBDMgIIADIFCAAQsQMyBQgAELEDMgcIABAUEIcCOgcIABBHELADUKEvWKEvYP4vaABwAHgAgAFLiAGHAZIBATKYAQCgAQGqAQdnd3Mtd2l6yAEIwAEB&sclient=psy-ab&ved=0ahUKEwj3-f2_gtzsAhUOmxQKHU5eAiAQ4dUDCA0&uact=5' target='_blank'q>link text</a>This is a test</span><br></p>",
"<iframe src='https://www.steg.de/' ></iframe>",
"</div>","<% %>"],"minTop": "balloonHeight + 10","minLeft": "70","layerTypes": [""],"layerNames": ["100005"]},
{"template": ["<div class='balloon' onclick='testshow()' id='myBalloon'>"," <h1 class='balloon-title'>'Test'</h1>"," <div class='balloon-content' style='height:290px; margin-right: 0px;'"," </div>","<p class='balloon-text'><span>This is a test</span><br></p>", "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='Simply Easy Learning' width='370'>","</div>","<% %>"],"minTop": "balloonHeight","minLeft": "60","layerTypes": [""],"layerNames": ["100004"]},
{"template": [
"<div class='balloon' onclick='testshow()' id='myBalloon'>",
......@@ -337,7 +339,8 @@
}
],
"balloonHeader": "Balloon header"
},{
},
{
"template": [
"<div class='balloon' id='myBalloon'>",
"<div class='balloon-content'>",
......@@ -381,7 +384,8 @@
}
],
"balloonHeader": "Balloon header"
},{
},
{
"template": [
"<div class='balloon' id='myBalloon'>",
"<div class='balloon-content'>",
......@@ -470,7 +474,8 @@
}
],
"balloonHeader": "Balloon header"
},{
},
{
"template": [
"<div class='balloon' onclick='Questionnaire();' id='myBalloonP1'>",
" <h1 class='balloon-title'>Umfrage (Böckinger Straße)</h1>",
......@@ -491,7 +496,8 @@
"layerNames": [
"Questionnaire"
]
},{
},
{
"template": [
"<div class='balloon' onclick='Questionnaire(\"1\");' id='myBalloonP1'>",
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 1</h1>",
......@@ -512,7 +518,8 @@
"layerNames": [
"ProjektNord"
]
},{
},
{
"template": [
"<div class='balloon' onclick='Questionnaire(\"2\");' id='myBalloonP1'>",
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 2</h1>",
......@@ -533,7 +540,8 @@
"layerNames": [
"Questionnaire02"
]
},{
},
{
"template": [
"<div class='balloon' onclick='Questionnaire(\"3\");' id='myBalloonP1'>",
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 3</h1>",
......@@ -642,6 +650,116 @@
"layerNames": [
"LocationFour"
]
},
{
"template": [
"<div class='balloon' id='myBalloon'>",
"<div class='balloon-content'>",
"<h1 class='balloon-title'>Balloon header</h1>",
"<% for (var key in obj) { %>",
"<% if (obj[key] instanceof Object){%>",
"<% for (var key2 in obj[key]) { %>",
"<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
"<% } %>",
"<% } else{ %>",
"<p class='balloon-text'>",
"<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
"</p>",
"<% } %>",
"<% } %>",
"</div>",
"<div class='balloon-close-col'>",
"<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
"</div>",
"<div class='dialog-image-balloon'></div>",
"<div class='balloon-left-edge'></div>",
"</div>"
],
"layerTypes": [
null
],
"layerNames": [
"StuttgartLocal"
],
"minTop": "balloonHeight + 30",
"minLeft": "70",
"allAvailable": true,
"properties": [
{
"title": "DatenquelleDachhoehe",
"name": "DatenquelleDachhoehe",
"active": true
},
{
"title": "Gemeindeschluessel",
"name": "Gemeindeschluessel",
"active": true
},
{
"title": "DatenquelleLage",
"name": "DatenquelleLage",
"active": true
},
{
"title": "DatenquelleBodenhoehe",
"name": "DatenquelleBodenhoehe",
"active": true
},
{
"title": "roofType",
"name": "roofType",
"active": true
},
{
"title": "storeysAboveGround",
"name": "storeysAboveGround"
},
{
"title": "creationDate",
"name": "creationDate"
},
{
"title": "gml:name",
"name": "gml:name"
},
{
"title": "externalReference externalObjectName",
"name": "externalReference externalObjectName"
},
{
"title": "measuredHeight",
"name": "measuredHeight"
},
{
"title": "function",
"name": "function"
},
{
"title": "Country",
"name": "Address.Country"
},
{
"title": "PostalCode",
"name": "Address.PostalCode"
},
{
"title": "City",
"name": "Address.City"
},
{
"title": "Street",
"name": "Address.Street"
},
{
"title": "HouseNumber",
"name": "Address.HouseNumber"
},
{
"title": "AddressLine",
"name": "Address.AddressLine"
}
],
"balloonHeader": "Balloon header"
}
],
"excludedLayerNames": []
......
vcm/index.html
View file @ fbf0239e
......@@ -168,7 +168,7 @@
<div class="dropdown hidden" style="float: right; right:20px">
<i class="fa fa-bars" id="dropdownMenu" style="font-size:1.8rem;color: white !important; margin-top:1rem;"></i>
<div class="dropdown-content">
<button class="accordion">Kartenauswahl</button>
<button class="accordion">Kartenauswahl</button>
<div class="sub-menu">
<!-- <a href="#" onclick="">Luftbilder</a> -->
<div class='box-4'>
......@@ -209,6 +209,20 @@
</div>
</div>
</div>
<button class="accordion">Gebäude</button>
<div class="sub-menu">
<!-- <a href="#" onclick="">Luftbilder</a> -->
<div class='box-4'>
<p id="selectedBuilding" style="text-align: center; margin-top:0px;color:#000000;">Einfärben</p><div class='switch2'>
<input type='checkbox' name='toggle' id='BLayerChange' onclick='changeColor(true);'>
<label for='toggle'><i></i></label>
<span></span>
</div>
</div>
</div>
<!-- <button class="accordion">Add Pins</button>
<div class="sub-menu">
......
vcm/templates/Area1.geojson
View file @ fbf0239e
......@@ -134,7 +134,7 @@
18,
1
],
"width": 7,
"width": 9,
"lineDash": null
}
}
......
vcm/templates/Area3.geojson
View file @ fbf0239e
......@@ -219,7 +219,7 @@
36,
1
],
"width": 7,
"width": 9,
"lineDash": null
}
}
......
vcm/templates/Area4.geojson
View file @ fbf0239e
......@@ -154,7 +154,7 @@
158,
1
],
"width": 7,
"width": 9,
"lineDash": null
}
}
......
vcm/templates/layerSwitch.js
View file @ fbf0239e
......@@ -190,5 +190,93 @@ function switchTerrain(test) {
} }
}
changeColor(true);
}
function changeColor(test) {
// var layerWMS
// var layerWMSStadt = ["WMS_stadtkarte"]
// var frameworkWMS = vcs.vcm.Framework.getInstance();
// var layersWMS = frameworkWMS.getLayers();
// for (var i = 0; i< layersWMS.length; i++) {
// var layerst = layersWMS[i];
// if(layerWMSStadt.indexOf(layerst.name) >= 0) {
// layerWMS = i
// }}
var WeilimDorfHeight = ["WeilimdorfHeight"]
var WeilimDorf = ["StuttgartLocal"]
var layers = framework.getLayers();
var Glayer = document.getElementById("BLayerChange");
if (Glayer.checked == true){
// document.getElementById("selectedBuilding").innerHTML = ""
for (var i = 0; i< layers.length; i++) {
var layer = layers[i];
if(WeilimDorfHeight.indexOf(layer.name) >= 0) {
//grün
layer.highlight({"DEBW522AA0000e5c9" : Cesium.Color.fromCssColorString("#38b312")})
layer.highlight({"DEBW522AA00031211" : Cesium.Color.fromCssColorString("#38b312")})
//orange
layer.highlight({"DEBW522AA00030b00" : Cesium.Color.fromCssColorString("#f09724")})
layer.highlight({"DEBW522AA00004c19" : Cesium.Color.fromCssColorString("#f09724")})
layer.highlight({"DEBW522AA0003d61a" : Cesium.Color.fromCssColorString("#f09724")})
layer.highlight({"DEBW522AA0003c3f3" : Cesium.Color.fromCssColorString("#f09724")})
layer.highlight({"DEBW522AA00019a6e" : Cesium.Color.fromCssColorString("#f09724")})
//lila
layer.highlight({"DEBW522AA00009af2" : Cesium.Color.fromCssColorString("#97089e")})
layer.highlight({"DEBW522A00c64fb3" : Cesium.Color.fromCssColorString("#97089e")})
layer.highlight({"DEBW522A00c64f7e" : Cesium.Color.fromCssColorString("#97089e")})
layer.highlight({"DEBW522AA00009ae7" : Cesium.Color.fromCssColorString("#97089e")})
layer.highlight({"DEBW522AA00029f5c" : Cesium.Color.fromCssColorString("#97089e")})
}
// if(WeilimDorf.indexOf(layer.name) >= 0) {
// //grün
// layer.highlight({"DEBW522AA00031214" : Cesium.Color.fromCssColorString("#38b312")})
// layer.highlight({"DEBW522AA00031212" : Cesium.Color.fromCssColorString("#38b312")})
// layer.highlight({"DEBW522AA00031213" : Cesium.Color.fromCssColorString("#38b312")})
// //orange
// layer.highlight({"DEBW522AA00030b00" : Cesium.Color.fromCssColorString("#f09724")})
// layer.highlight({"DEBW522AA00004c19" : Cesium.Color.fromCssColorString("#f09724")})
// layer.highlight({"DEBW522AA0003d61a" : Cesium.Color.fromCssColorString("#f09724")})
// layer.highlight({"DEBW522AA0003c3f3" : Cesium.Color.fromCssColorString("#f09724")})
// layer.highlight({"DEBW522AA00019a6e" : Cesium.Color.fromCssColorString("#f09724")})
// //lila
// layer.highlight({"DEBW522AA00009af2" : Cesium.Color.fromCssColorString("#97089e")})
// layer.highlight({"DEBW522A00c64fb3" : Cesium.Color.fromCssColorString("#97089e")})
// layer.highlight({"DEBW522A00c64f7e" : Cesium.Color.fromCssColorString("#97089e")})
// layer.highlight({"DEBW522AA00009ae7" : Cesium.Color.fromCssColorString("#97089e")})
// layer.highlight({"DEBW522AA00029f5c" : Cesium.Color.fromCssColorString("#97089e")})
// }
}
} else if (Glayer.checked == false){
for (var i = 0; i< layers.length; i++) {
var layer = layers[i];
if(WeilimDorfHeight.indexOf(layer.name) >= 0) {
//grün
layer.highlight({"DEBW522AA0000e5c9" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA00031211" : Cesium.Color.fromCssColorString("#FFFFFF")})
//orange
layer.highlight({"DEBW522AA00030b00" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA00004c19" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA0003d61a" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA0003c3f3" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA00019a6e" : Cesium.Color.fromCssColorString("#FFFFFF")})
//lila
layer.highlight({"DEBW522AA00009af2" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522A00c64fb3" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522A00c64f7e" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA00009ae7" : Cesium.Color.fromCssColorString("#FFFFFF")})
layer.highlight({"DEBW522AA00029f5c" : Cesium.Color.fromCssColorString("#FFFFFF")})
} }
}
}
\ No newline at end of file
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