Skip to content
GitLab
Commit 13abc8bd authored by Patrick's avatar Patrick
Browse files

Noisequiz added

parent 0dfd93ef
master NewS_cleaned New_Structure workingVersion
1 merge request!1update some ui
Hide whitespace changes
Inline Side-by-side
Showing
with 1429 additions and 3 deletions
+1429 -3
vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png 0 → 100644
+ 0
- 0
View file @ 13abc8bd
vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png

3.47 KB

vcm/datasource-data/NoiseData/soundquiz/Baustelle.geojson 0 → 100644
+ 121
- 0
View file @ 13abc8bd
{
"id":"y2zyouDxqAPYSXAJj",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
45,
48,
71,
0.75
]
},
"stroke":{
"color":[
45,
48,
71,
0.8
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
45,
48,
71,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
45,
48,
71,
0.7
]
},
"radius":5,
"stroke":{
"color":[
45,
48,
71,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.192030041439407,
48.795435967671466,
-0.013731577154997666
],
[
9.193216723986483,
48.79495488792281,
-0.014788757950611638
],
[
9.193868262453837,
48.79608377989257,
-0.01455396050387571
],
[
9.19323753687872,
48.79624768458771,
-0.013252674061344727
],
[
9.19272846497538,
48.79547341656016,
-0.013662358408748812
],
[
9.192181723252217,
48.79565298639707,
-0.014172344988462825
],
[
9.192030041439407,
48.795435967671466,
-0.013731577154997666
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"76hPi34mtKDaTsjrH9gGEo8X"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Baustelle.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/Kirche.geojson 0 → 100644
+ 111
- 0
View file @ 13abc8bd
{
"id":"bQZZBnWBmwGoN79uf",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
55,
103,
96,
0.7
]
},
"stroke":{
"color":[
55,
103,
96,
0.8
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
55,
103,
96,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
55,
103,
96,
0.7
]
},
"radius":5,
"stroke":{
"color":[
55,
103,
96,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.188408368748892,
48.795100250655054,
-0.013476296424173435
],
[
9.188924612595006,
48.795012123976335,
-0.014685063997362654
],
[
9.189098065897257,
48.79549757627021,
-0.01458302955746083
],
[
9.188575644592794,
48.7956045547285,
-0.01312556488232645
],
[
9.188408368748892,
48.795100250655054,
-0.013476296424173435
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"A2kM2wkpovdruEw95fkpN9RP"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Kirche.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/Marktplatz.geojson 0 → 100644
+ 111
- 0
View file @ 13abc8bd
{
"id":"7ccqPzmhHcWKYJXpK",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
184,
142,
141,
0.8
]
},
"stroke":{
"color":[
184,
142,
141,
0.9
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
114,
182,
181,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
114,
182,
181,
0.56
]
},
"radius":5,
"stroke":{
"color":[
114,
182,
181,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.190168307967882,
48.79728419808009,
-0.014537125661084118
],
[
9.1910874206942,
48.79725140057769,
-0.012393020906746668
],
[
9.191087538901344,
48.79748221171445,
-0.012449546938458657
],
[
9.190187007187546,
48.79748110760161,
-0.01458290990154234
],
[
9.190168307967882,
48.79728419808009,
-0.014537125661084118
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"YxxpfhrCaNqkaxJzbJH56nB3"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Marktplatz.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.geojson 0 → 100644
+ 111
- 0
View file @ 13abc8bd
{
"id":"JnsR8QzbFz6zFhgrD",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
163,
206,
241,
0.7
]
},
"stroke":{
"color":[
163,
206,
241,
0.8
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
163,
206,
241,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
163,
206,
241,
0.56
]
},
"radius":5,
"stroke":{
"color":[
163,
206,
241,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.186806098731616,
48.79881951602704,
-0.013413898049134721
],
[
9.188600335393922,
48.79719781391975,
-0.012700654947664985
],
[
9.188949173861737,
48.79762091492424,
-0.012532077068907193
],
[
9.187848177581678,
48.79928734715429,
-0.013299736074456519
],
[
9.186806098731616,
48.79881951602704,
-0.013413898049134721
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"maqf3DCbTSXZJ4Tz6EnFeqRZ"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.geojson 0 → 100644
+ 286
- 0
View file @ 13abc8bd
{
"id":"hMHSdiKfyXuEX973Q",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
65,
157,
120,
0.69
]
},
"stroke":{
"color":[
65,
157,
120,
0.69
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
51,
51,
51,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
65,
157,
120,
0.69
]
},
"radius":5,
"stroke":{
"color":[
0,
0,
0,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.182335733619432,
48.79422256768174,
-0.035821423111457126
],
[
9.182289257297395,
48.79423620020907,
-0.013061341184673753
],
[
9.183691516768217,
48.79376809569396,
-0.03509312070277232
],
[
9.183798424594452,
48.79392366587129,
-0.035066558094810435
],
[
9.184829587740898,
48.793520236783706,
-0.03152808069582661
],
[
9.184770091440575,
48.79336919454735,
-0.03415539147538848
],
[
9.185440042566501,
48.793067639837034,
-0.03469498151943121
],
[
9.18659416464171,
48.792750743246216,
-0.013197708318093344
],
[
9.187372869147017,
48.7932470626279,
-0.012933411025000674
],
[
9.187530626178392,
48.79329625268758,
-0.0130494137354162
],
[
9.187986142599154,
48.793692584790335,
-0.01331453224946432
],
[
9.188146887805843,
48.79378949231497,
-0.0133013523267505
],
[
9.18839631820172,
48.79406267716331,
-0.01279967864647231
],
[
9.188660561634844,
48.79437883326406,
-0.012707057688007029
],
[
9.188815797568536,
48.7945690500691,
-0.014381249397284171
],
[
9.188875445324811,
48.794800177318734,
-0.014589745283351914
],
[
9.188888447966336,
48.79501140059929,
-0.014670587731656226
],
[
9.188401102339334,
48.79510850762779,
-0.01348669548301555
],
[
9.188519298432407,
48.79549876985942,
-0.012427985909886632
],
[
9.188636281091371,
48.79570430210924,
-0.013756991184650185
],
[
9.188639753099638,
48.796010953046874,
-0.014411500898977676
],
[
9.188701615531958,
48.79627399270029,
-0.014510917005672773
],
[
9.188838478787083,
48.796361997691946,
-0.01431955972930028
],
[
9.188815379035068,
48.79662287670283,
-0.014342241778808475
],
[
9.188760758033581,
48.796862934089546,
-0.014446555115724896
],
[
9.188571437521373,
48.797050835587044,
-0.014309236627518596
],
[
9.188300663135946,
48.797283325196815,
-0.012866419938180324
],
[
9.187951846681845,
48.79759094909599,
-0.012606629806043067
],
[
9.187527707562067,
48.797836813697586,
-0.01322641967709856
],
[
9.187226396400419,
48.79796978607686,
-0.013151027768439833
],
[
9.18666492384488,
48.79804977133796,
-0.012721054407978521
],
[
9.186645122147358,
48.79828477686121,
-0.012664600906648038
],
[
9.186317173667893,
48.79837659771033,
-0.01271221486530758
],
[
9.185977444741996,
48.79843266663812,
-0.012619890370427298
],
[
9.185428339762153,
48.79847570955641,
-0.03300020447707407
],
[
9.184772300909948,
48.798440107829606,
-0.034403143701511416
],
[
9.184565524095776,
48.79840763292043,
-0.03465598816893505
],
[
9.184207996458513,
48.79835682605207,
-0.033695268665720673
],
[
9.182724903285129,
48.79801166529131,
-0.03472591391211128
],
[
9.182335733619432,
48.79422256768174,
-0.035821423111457126
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"d7S2JLoatN9Skggj5dYFw5dj"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof_old.geojson 0 → 100644
+ 1
- 0
View file @ 13abc8bd
{"id": "rhHJ9bTiM3F7sLB4n", "type": "FeatureCollection","vcsMeta": {"version":"1.0","altitudeMode":"clampToGround","style":{"type":"vector","fill":{"color":[255,0,0,0.56]},"stroke":{"color":[255,0,0,0.56],"width":1.25,"lineDash":null},"text":{"font":"bold 18px sans-serif","fill":{"color":[51,51,51,1]},"textBaseline":"bottom","offsetY":-15,"offsetX":0},"image":{"scale":1,"fill":{"color":[255,0,0,0.56]},"radius":5,"stroke":{"color":[0,0,0,1],"width":1,"lineDash":null}}},"baseUrl":"https://service.virtualcityplanner.de/"}, "features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[9.182333160394126,48.794227837883454,-0.03659644942348868],[9.186647005279728,48.79259326288354,-0.039329168585495636],[9.186647005279728,48.79259326288354,-0.039329168585495636],[9.18715941385583,48.792952193405455,-0.03968736515874727],[9.188289000958733,48.79385430267109,-0.038644854061133355],[9.188891598423863,48.79484809259648,-0.03544782391799811],[9.188924740247561,48.79612690389061,-0.031389080689173135],[9.188799960354077,48.796813090937974,-0.034286140466236924],[9.18825406781832,48.797313503843924,-0.02735944814431063],[9.187345300590598,48.797925407270014,-0.026950499287560253],[9.186793822718,48.79823773268251,-0.030200197261008123],[9.186096400913614,48.79847389780855,-0.03339103667913158],[9.185376581862181,48.79853414827693,-0.035842475045414136],[9.18419156582769,48.79836173569811,-0.035448899310931085],[9.182740250555623,48.79801651120249,-0.03723810704007832],[9.182333160394126,48.794227837883454,-0.03659644942348868]]]},"properties":{},"vcsMeta":{},"id":"i8SeoBdEB5QSwCc6yMD3gg7E"}],"featureType":"simple"}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.geojson 0 → 100644
+ 241
- 0
View file @ 13abc8bd
{
"id":"5E4Dz7RfauNdJi5N2",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
114,
182,
181,
0.7
]
},
"stroke":{
"color":[
114,
182,
181,
0.8
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
51,
51,
51,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
255,
0,
0,
0.56
]
},
"radius":5,
"stroke":{
"color":[
0,
0,
0,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.203808052932066,
48.79875367235891,
-0.02651328898805942
],
[
9.208012295476198,
48.79907274921155,
-0.025486513534283845
],
[
9.20859308579052,
48.79995508393404,
-0.024273572289360522
],
[
9.208307227582281,
48.80047891317108,
-0.022348520457490462
],
[
9.20655387838112,
48.80160753910721,
-0.016235027094317473
],
[
9.206056324076444,
48.80174552856627,
-0.017315274191191696
],
[
9.206914332149998,
48.803294486473106,
-0.015414534105591968
],
[
9.205121147799815,
48.80447843399779,
-0.023487915354084673
],
[
9.204787225158146,
48.80524383611939,
-0.024494833720180208
],
[
9.204293772298964,
48.805772976987896,
-0.023272305810213844
],
[
9.202644486340354,
48.80554330738289,
-0.02354866145724738
],
[
9.200742163801127,
48.805730074499024,
-0.025275236842999194
],
[
9.197993600884352,
48.80570592345538,
-0.021468213594528388
],
[
9.19408063624374,
48.806578150352806,
-0.02023395837725829
],
[
9.192236234986755,
48.80700516129579,
-0.017103515446831755
],
[
9.190481412880551,
48.80711898114146,
-0.018783930516217063
],
[
9.189377614525243,
48.80715362417243,
-0.02954845301046735
],
[
9.189612496570103,
48.806420338495116,
-0.033196105215191465
],
[
9.190483699672992,
48.80542080612048,
-0.014884767281139856
],
[
9.191367708214424,
48.804618160154064,
-0.019876747138950997
],
[
9.192006815165342,
48.80394202915721,
-0.022532619143026098
],
[
9.192960405298813,
48.80329637888474,
-0.02392476831384421
],
[
9.19511584478854,
48.80235904555161,
-0.02374424460948403
],
[
9.196720543284407,
48.801721976270414,
-0.024472076442082217
],
[
9.198002225814102,
48.801426584371825,
-0.024091614232179107
],
[
9.199607833356552,
48.80105249758515,
-0.01963672685441259
],
[
9.200559174570628,
48.800752502238794,
-0.01959191232630576
],
[
9.20147085629273,
48.800194609436886,
-0.021569455412294603
],
[
9.202729092947616,
48.79948163061957,
-0.025192112107238537
],
[
9.203122591861353,
48.79926610161402,
-0.025837366835959007
],
[
9.203808052932066,
48.79875367235891,
-0.02651328898805942
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"ECcruCtLzRBHqQpHcTJnGpxr"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/Skaten.geojson 0 → 100644
+ 111
- 0
View file @ 13abc8bd
{
"id":"DfMHzo4SR7oSQYiW5",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
174,
82,
87,
0.7
]
},
"stroke":{
"color":[
174,
82,
87,
0.8
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
51,
51,
51,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
255,
0,
0,
0.56
]
},
"radius":5,
"stroke":{
"color":[
0,
0,
0,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.186665264444466,
48.79273677965645,
-0.013193465275635379
],
[
9.187115163885181,
48.79257958028356,
-0.012693839967942655
],
[
9.18774299900375,
48.79299776284847,
-0.013152696043388017
],
[
9.18737613418959,
48.793241842711154,
-0.01316186740983163
],
[
9.186665264444466,
48.79273677965645,
-0.013193465275635379
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"DP75D3zYp8a2Z2P28dmMv5Cr"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/Skaten.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.geojson 0 → 100644
+ 111
- 0
View file @ 13abc8bd
{
"id":"LDuEFWzp9q9DBDvDn",
"type":"FeatureCollection",
"vcsMeta":{
"version":"1.0",
"altitudeMode":"clampToGround",
"style":{
"type":"vector",
"fill":{
"color":[
163,
22,
33,
0.7
]
},
"stroke":{
"color":[
163,
22,
33,
0.8
],
"width":1.25,
"lineDash":null
},
"text":{
"font":"bold 18px sans-serif",
"fill":{
"color":[
51,
51,
51,
1
]
},
"textBaseline":"bottom",
"offsetY":-15,
"offsetX":0
},
"image":{
"scale":1,
"fill":{
"color":[
255,
0,
0,
0.56
]
},
"radius":5,
"stroke":{
"color":[
0,
0,
0,
1
],
"width":1,
"lineDash":null
}
}
},
"baseUrl":"https://service.virtualcityplanner.de/"
},
"features":[
{
"type":"Feature",
"geometry":{
"type":"Polygon",
"coordinates":[
[
[
9.191762686194787,
48.793611450616766,
-0.013085184090323857
],
[
9.19244968983106,
48.79299940951094,
-0.012791211295493687
],
[
9.193279947526518,
48.79382263074581,
-0.013312052836096584
],
[
9.192640547940316,
48.794189163732284,
-0.012993493533758027
],
[
9.191762686194787,
48.793611450616766,
-0.013085184090323857
]
]
]
},
"properties":{
},
"vcsMeta":{
},
"id":"oaaL8vHNMnp9tJMeg5J6r9Go"
}
],
"featureType":"simple"
}
\ No newline at end of file
vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.wav 0 → 100644
+ 0
- 0
View file @ 13abc8bd
File added
vcm/index.html
+ 80
- 3
View file @ 13abc8bd
......@@ -717,9 +717,85 @@
<p class="contentOne">Die Fläche, die mit der Fertigstellung des neuen Hauptbahnhofs frei wird, bietet für die Stadt Stuttgart enormes Potenzial. Ein Quartier soll entstehen, das nachhaltig und klimagerecht ist und dabei leben, arbeiten und wohnen verbindet. Die Arbeitsgemeinschaft asp Architekten GmbH und Koeber Landschaftsarchitektur GmbH gingen mit ihrem städtebaulichen Konzept als Sieger aus dem Internationalen städtebaulichen Wettbewerb Rosenstein hervor. </p>
<div id="nordbplanung2">
</div><br>
<!-- Lärmquiz -->
<h3 id="LaermquizNordb">Lärmquiz</h3>
<div>
<p class="contentOne">Hier testen wir momentan eine Quiz. Hören Sie sich einfach den Audioausschnitt an und ziehen Sie das Icon auf der linken Seite an die entsprechende Stelle in der Karte. Am unteren Ende können Sie Ihre Annahmen mit einem Klick auf Ergebnisse verifizieren.
</p><br>
</div>
<div style="display:inline-block">
<img id="dragFrom" onmouseover="setPointStartEnd('quiz_baustelle')" ondragstart="dragstart_handler_quiz1(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_spacecadet.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Baustelle.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_bau" onclick = "check_Bau('quiz_baustelle')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_baustelle')">Antwort Baustelle</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom2" onmouseover="setPointStartEnd('quiz_pragfriedhof')" ondragstart="dragstart_handler_quiz2(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_paologreen.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Pragfriedhof.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_prag" onclick = "check_Bau('quiz_pragfriedhof')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_pragfriedhof')">Antwort Pragfriedhof</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom3" onmouseover="setPointStartEnd('quiz_marktplatz')" ondragstart="dragstart_handler_quiz3(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_rosybrown.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Marktplatz.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_markt" onclick = "check_Bau('quiz_marktplatz')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_marktplatz')">Antwort Marktplatz</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom4" onmouseover="setPointStartEnd('quiz_skaten')" ondragstart="dragstart_handler_quiz4(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_rosevale.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Skaten.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_skaten" onclick = "check_Bau('quiz_skaten')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_skaten')">Antwort Skaten</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom5" onmouseover="setPointStartEnd('quiz_kirche')" ondragstart="dragstart_handler_quiz5(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_myrtlegreen.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Kirche.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_kirche" onclick = "check_Bau('quiz_kirche')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_kirche')">Antwort Kirche</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom6" onmouseover="setPointStartEnd('quiz_meerschweinchen')" ondragstart="dragstart_handler_quiz6(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_babyblue.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Meerschweinchen.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_meerschweinchen" onclick = "check_Bau('quiz_meerschweinchen')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_meerschweinchen')">Antwort Meerschweinchen</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom7" onmouseover="setPointStartEnd('quiz_ufapalast')" ondragstart="dragstart_handler_quiz7(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_rubyred.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/UFA_Palast.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_ufapalast" onclick = "check_Bau('quiz_ufapalast')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_ufapalast')">Antwort UFA Palast</button> -->
</div>
<div style="display:inline-block">
<img id="dragFrom8" onmouseover="setPointStartEnd('quiz_rostensteinpark')" ondragstart="dragstart_handler_quiz8(event);" draggable=true src="datasource-data/NoiseData/Icons_soundquiz/l_noise_greensheen.png" style="margin-top:5px; height:40px;height: 40px; display: inline-block; position: absolute;cursor: -webkit-grab; cursor: grab;">
<audio controls style="margin-left:2em;"><source src="datasource-data/NoiseData/soundquiz/Rosensteinpark.wav" type="audio/wav" >
Your browser does not support the audio element.
</audio>
<img id="solution_rosenstein" onclick = "check_Bau('quiz_rostensteinpark')" src="datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png" style="margin-top:5px; height:50px;display: inline-block; position: absolute;">
<!-- <button onclick = "check_Bau('quiz_rostensteinpark')">Antwort Rosensteinpark</button> -->
</div>
<label class="container contentOne">Ergebnisse
<input type="checkbox" id="quizcheck" onclick="switchQuizResults(); check_Bau('all')">
<span class="checkmark"></span>
</label>
<h3 id="UmfrageNordb">Umfrage</h3>
<iframe style="width: 95%; height:120em;margin-left:1em;margin-right:1em;margin-top:1em;border: none;" src="https://ww2.unipark.de/uc/HFT_Stuttgart_Studenten/f7c4/"></iframe>
<br>
......@@ -818,7 +894,7 @@
<div> virtualcity<b>MAP</b></div><img src='images/loading.gif'>
</div>
</div-->
<script src='https://unpkg.com/@turf/turf@6/turf.min.js'></script>
<script src="lib/Cesium/Cesium.js"></script>
<script src='lib/vcm_thirdparty.js'></script>
<script src="lib/vcm-compiled_api.js"></script>
......@@ -827,6 +903,7 @@
<script src="templates/slider.js"></script>
<script src="templates/UserBalloon.js"></script>
<script src="js/navigation.js"></script>
<script src="js/soundquiz.js"></script>
<script src="js/ServerorLocal.js"></script>
<script src="js/noise.js"></script>
<script src="js/STAnoise.js"></script>
......
vcm/js/DragnDrop.js
+ 145
- 0
View file @ 13abc8bd
......@@ -6,6 +6,55 @@ function dragstart_handler(e){
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz1(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz2(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_paologreen.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz3(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_rosybrown.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz4(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_rosevale.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz5(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_myrtlegreen.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz6(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_babyblue.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz7(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_rubyred.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragstart_handler_quiz8(e){
var img = new Image();
img.src = '../datasource-data/NoiseData/Icons_soundquiz/s_noise_greensheen.png';
e.dataTransfer.setDragImage(img, 23, 45);
// e.dataTransfer.setDragImage(img, 75, 145);
}
function dragEnter(e){
......@@ -109,7 +158,103 @@ function dragDrop(e) {
// text.value = ballonContent.lon;
// visualize a Point at the clicked location
setPointFav("fav", pointd);
}else if (startend == "quiz_baustelle"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_baustelle"
point_baustelle = pointd
setPointFav("quiz_baustelle", pointd);
}else if (startend == "quiz_pragfriedhof"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_pragfriedhof"
point_pragfriedhof = pointd
setPointFav("quiz_pragfriedhof", pointd);
}else if (startend == "quiz_marktplatz"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_marktplatz"
point_marktplatz = pointd
setPointFav("quiz_marktplatz", pointd);
}else if (startend == "quiz_skaten"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_skaten"
point_skaten = pointd
setPointFav("quiz_skaten", pointd);
}else if (startend == "quiz_kirche"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_kirche"
point_kirche = pointd
setPointFav("quiz_kirche", pointd);
}else if (startend == "quiz_meerschweinchen"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_meerschweinchen"
point_meerschweinchen = pointd
setPointFav("quiz_meerschweinchen", pointd);
}else if (startend == "quiz_ufapalast"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_ufapalast"
point_ufapalast = pointd
setPointFav("quiz_ufapalast", pointd);
}else if (startend == "quiz_rostensteinpark"){
var pointd = {
lat:"",
lon:"",
loc:""
}
pointd.lat = ballonContent.lat
pointd.lon = ballonContent.lon
pointd.loc = "quiz_rostensteinpark"
point_rosensteinpark = pointd
setPointFav("quiz_rostensteinpark", pointd);
}
}
function dragOver(e){
......
Supports Markdown
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