Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Alfakhori
M4labplatform
Commits
fbf0239e
Commit
fbf0239e
authored
Oct 30, 2020
by
Patrick
Browse files
update color
parent
3e9b10c3
Changes
6
Hide whitespace changes
Inline
Side-by-side
vcm/config.json
View file @
fbf0239e
...
@@ -145,7 +145,9 @@
...
@@ -145,7 +145,9 @@
{
{
"type"
:
"vcs.vcm.widgets.BalloonInfo"
,
"type"
:
"vcs.vcm.widgets.BalloonInfo"
,
"name"
:
"Balloon Info"
,
"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'>"
,
" <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"
:
[
{
"template"
:
[
"<div class='balloon' onclick='testshow()' id='myBalloon'>"
,
"<div class='balloon' onclick='testshow()' id='myBalloon'>"
,
...
@@ -337,7 +339,8 @@
...
@@ -337,7 +339,8 @@
}
}
],
],
"balloonHeader"
:
"Balloon header"
"balloonHeader"
:
"Balloon header"
},{
},
{
"template"
:
[
"template"
:
[
"<div class='balloon' id='myBalloon'>"
,
"<div class='balloon' id='myBalloon'>"
,
"<div class='balloon-content'>"
,
"<div class='balloon-content'>"
,
...
@@ -381,7 +384,8 @@
...
@@ -381,7 +384,8 @@
}
}
],
],
"balloonHeader"
:
"Balloon header"
"balloonHeader"
:
"Balloon header"
},{
},
{
"template"
:
[
"template"
:
[
"<div class='balloon' id='myBalloon'>"
,
"<div class='balloon' id='myBalloon'>"
,
"<div class='balloon-content'>"
,
"<div class='balloon-content'>"
,
...
@@ -470,7 +474,8 @@
...
@@ -470,7 +474,8 @@
}
}
],
],
"balloonHeader"
:
"Balloon header"
"balloonHeader"
:
"Balloon header"
},{
},
{
"template"
:
[
"template"
:
[
"<div class='balloon' onclick='Questionnaire();' id='myBalloonP1'>"
,
"<div class='balloon' onclick='Questionnaire();' id='myBalloonP1'>"
,
" <h1 class='balloon-title'>Umfrage (Böckinger Straße)</h1>"
,
" <h1 class='balloon-title'>Umfrage (Böckinger Straße)</h1>"
,
...
@@ -491,7 +496,8 @@
...
@@ -491,7 +496,8 @@
"layerNames"
:
[
"layerNames"
:
[
"Questionnaire"
"Questionnaire"
]
]
},{
},
{
"template"
:
[
"template"
:
[
"<div class='balloon' onclick='Questionnaire(
\"
1
\"
);' id='myBalloonP1'>"
,
"<div class='balloon' onclick='Questionnaire(
\"
1
\"
);' id='myBalloonP1'>"
,
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 1</h1>"
,
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 1</h1>"
,
...
@@ -512,7 +518,8 @@
...
@@ -512,7 +518,8 @@
"layerNames"
:
[
"layerNames"
:
[
"ProjektNord"
"ProjektNord"
]
]
},{
},
{
"template"
:
[
"template"
:
[
"<div class='balloon' onclick='Questionnaire(
\"
2
\"
);' id='myBalloonP1'>"
,
"<div class='balloon' onclick='Questionnaire(
\"
2
\"
);' id='myBalloonP1'>"
,
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 2</h1>"
,
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 2</h1>"
,
...
@@ -533,7 +540,8 @@
...
@@ -533,7 +540,8 @@
"layerNames"
:
[
"layerNames"
:
[
"Questionnaire02"
"Questionnaire02"
]
]
},{
},
{
"template"
:
[
"template"
:
[
"<div class='balloon' onclick='Questionnaire(
\"
3
\"
);' id='myBalloonP1'>"
,
"<div class='balloon' onclick='Questionnaire(
\"
3
\"
);' id='myBalloonP1'>"
,
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 3</h1>"
,
" <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 3</h1>"
,
...
@@ -642,6 +650,116 @@
...
@@ -642,6 +650,116 @@
"layerNames"
:
[
"layerNames"
:
[
"LocationFour"
"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"
:
[]
"excludedLayerNames"
:
[]
...
...
vcm/index.html
View file @
fbf0239e
...
@@ -168,7 +168,7 @@
...
@@ -168,7 +168,7 @@
<div
class=
"dropdown hidden"
style=
"float: right; right:20px"
>
<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>
<i
class=
"fa fa-bars"
id=
"dropdownMenu"
style=
"font-size:1.8rem;color: white !important; margin-top:1rem;"
></i>
<div
class=
"dropdown-content"
>
<div
class=
"dropdown-content"
>
<button
class=
"accordion"
>
Kartenauswahl
</button>
<button
class=
"accordion"
>
Kartenauswahl
</button>
<div
class=
"sub-menu"
>
<div
class=
"sub-menu"
>
<!-- <a href="#" onclick="">Luftbilder</a> -->
<!-- <a href="#" onclick="">Luftbilder</a> -->
<div
class=
'box-4'
>
<div
class=
'box-4'
>
...
@@ -209,6 +209,20 @@
...
@@ -209,6 +209,20 @@
</div>
</div>
</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>
</div>
<!-- <button class="accordion">Add Pins</button>
<!-- <button class="accordion">Add Pins</button>
<div class="sub-menu">
<div class="sub-menu">
...
...
vcm/templates/Area1.geojson
View file @
fbf0239e
...
@@ -134,7 +134,7 @@
...
@@ -134,7 +134,7 @@
18,
18,
1
1
],
],
"width":
7
,
"width":
9
,
"lineDash": null
"lineDash": null
}
}
}
}
...
...
vcm/templates/Area3.geojson
View file @
fbf0239e
...
@@ -219,7 +219,7 @@
...
@@ -219,7 +219,7 @@
36,
36,
1
1
],
],
"width":
7
,
"width":
9
,
"lineDash": null
"lineDash": null
}
}
}
}
...
...
vcm/templates/Area4.geojson
View file @
fbf0239e
...
@@ -154,7 +154,7 @@
...
@@ -154,7 +154,7 @@
158,
158,
1
1
],
],
"width":
7
,
"width":
9
,
"lineDash": null
"lineDash": null
}
}
}
}
...
...
vcm/templates/layerSwitch.js
View file @
fbf0239e
...
@@ -190,5 +190,93 @@ function switchTerrain(test) {
...
@@ -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
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment