diff --git a/.gitignore b/.gitignore
index 4e637713e0e9afa2b3ccb8d2b70f74e5465e4258..a1171c823f5d2383284fc1e1f03d437d680b88d9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,2 @@
node_modules
-node_modules
+node_modules/
diff --git a/vcm/config.json b/vcm/config.json
index cc3aa87624dc7109b811726a9bc29dfd4a1e72e5..b81a1f89a046057c902ad674d6884cdd89c5b795 100644
--- a/vcm/config.json
+++ b/vcm/config.json
@@ -1937,6 +1937,174 @@
}
},
"heightAboveGround": 0
+ },{
+ "name": "quiz_baustelle",
+ "url": "./datasource-data/NoiseData/soundquiz/Baustelle.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_kirche",
+ "url": "./datasource-data/NoiseData/soundquiz/Kirche.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_Marktplatz",
+ "url": "./datasource-data/NoiseData/soundquiz/Marktplatz.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_Meerschweinchen",
+ "url": "./datasource-data/NoiseData/soundquiz/Meerschweinchen.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_Pragfriedhof",
+ "url": "./datasource-data/NoiseData/soundquiz/Pragfriedhof.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_Rosensteinpark",
+ "url": "./datasource-data/NoiseData/soundquiz/Rosensteinpark.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_Skaten",
+ "url": "./datasource-data/NoiseData/soundquiz/Skaten.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
+ },{
+ "name": "quiz_UFA_Palast",
+ "url": "./datasource-data/NoiseData/soundquiz/UFA_Palast.geojson",
+ "type": "vcs.vcm.layer.GeoJSON",
+ "datasourceId": "...",
+ "activeOnStartup": false,
+ "exclusive": false,
+ "projection": {
+ "epsg": "4326",
+ "proj4": ""
+ },
+ "altitudeMode": "relativeToGround",
+ "style": {
+ "image": {
+ "icon": {
+ "src": "",
+ "scale": 0.5
+ }
+ }
+ },
+ "heightAboveGround": 0
}
],
"viewpoints": [
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_right.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb0d96d819682f0aa160e61266c351877176ed71
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_right.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png
new file mode 100644
index 0000000000000000000000000000000000000000..915847199dc38da3225e47c38916c16fdca8f47b
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_undecided.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png
new file mode 100644
index 0000000000000000000000000000000000000000..883dfdaecd3c7a5a4575e58b83c6006d19869c94
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_babyblue.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_babyblue.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbb12c6dc94e47989cb301e6c25967c3160078f2
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_babyblue.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_greensheen.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_greensheen.png
new file mode 100644
index 0000000000000000000000000000000000000000..20ee1887121e9b9679280d6b607a7e5069185c1b
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_greensheen.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_myrtlegreen.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_myrtlegreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..85546fe443425259e18f1b83928f948b5dce9eef
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_myrtlegreen.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_paologreen.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_paologreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..67d90d82de844b4188eeb97beb6f554ecdbe2115
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_paologreen.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rosevale.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rosevale.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e7434ca4220b24d31552d94411757dbb9287ccc
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rosevale.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rosybrown.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rosybrown.png
new file mode 100644
index 0000000000000000000000000000000000000000..8785a18c203841c2e7ebfacbaa57f072f2a1549c
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rosybrown.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rubyred.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rubyred.png
new file mode 100644
index 0000000000000000000000000000000000000000..70387a8232d7c26823e6802f4155b6716f4b9540
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_rubyred.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_spacecadet.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_spacecadet.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4233a0bea3aa849e5267313abf2338ed2735121
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/l_noise_spacecadet.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_babyblue.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_babyblue.png
new file mode 100644
index 0000000000000000000000000000000000000000..1976a93f13508a9ae7389548a501330a4721c5b9
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_babyblue.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_greensheen.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_greensheen.png
new file mode 100644
index 0000000000000000000000000000000000000000..6aa87ef7e13d03168c3393961a728c535ce9cb41
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_greensheen.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_myrtlegreen.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_myrtlegreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f947b066cb4335476918304889d4ee75bb69ffe
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_myrtlegreen.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_paologreen.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_paologreen.png
new file mode 100644
index 0000000000000000000000000000000000000000..39d113876e73ec1a99ebc176717e9e23c92be0dc
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_paologreen.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rosevale.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rosevale.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3bb4a2ed28fcf6f7fb09c249888d548d5344297
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rosevale.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rosybrown.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rosybrown.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9bdfa132af9ec8b08d036d9e08c38227d910a5b
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rosybrown.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rubyred.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rubyred.png
new file mode 100644
index 0000000000000000000000000000000000000000..3827c63f83e5644ff4c045a707d5390f7283ef71
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_rubyred.png differ
diff --git a/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1b1a4f5dfefea6cc150fee078b6f0940beabecc
Binary files /dev/null and b/vcm/datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Baustelle.geojson b/vcm/datasource-data/NoiseData/soundquiz/Baustelle.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..a1ff2a255853a17c98e06652e6a8045888daa903
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Baustelle.geojson
@@ -0,0 +1,121 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Baustelle.wav b/vcm/datasource-data/NoiseData/soundquiz/Baustelle.wav
new file mode 100644
index 0000000000000000000000000000000000000000..6d9b1aa0c3ea063343dbe565d8b27de3a7b4eb14
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Baustelle.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Kirche.geojson b/vcm/datasource-data/NoiseData/soundquiz/Kirche.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..3e99a1d5b2af6727cd17faaffd40293747c1b19b
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Kirche.geojson
@@ -0,0 +1,111 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Kirche.wav b/vcm/datasource-data/NoiseData/soundquiz/Kirche.wav
new file mode 100644
index 0000000000000000000000000000000000000000..d7fb99c9aab67eadb76fe292b89a78e9f3474d19
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Kirche.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Marktplatz.geojson b/vcm/datasource-data/NoiseData/soundquiz/Marktplatz.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..bffef82dac2e1b29c52e7ac544cce5823901508b
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Marktplatz.geojson
@@ -0,0 +1,111 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Marktplatz.wav b/vcm/datasource-data/NoiseData/soundquiz/Marktplatz.wav
new file mode 100644
index 0000000000000000000000000000000000000000..ffeeb92a4f965c7b7bf18bd25f33fe75c0f3ff7e
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Marktplatz.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.geojson b/vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..ebf37c2c47add48250002d6ee8aa5a34c1e35884
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.geojson
@@ -0,0 +1,111 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.wav b/vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.wav
new file mode 100644
index 0000000000000000000000000000000000000000..4aaffa348225c623a0d4381c2a72cffec1dccf36
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Meerschweinchen.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.geojson b/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..452a713c3ef1ef2ab57d37eb6b09c951e35d433b
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.geojson
@@ -0,0 +1,286 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.wav b/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.wav
new file mode 100644
index 0000000000000000000000000000000000000000..11a34d9e4c73788ecb5ff08e0423daf835160623
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof_old.geojson b/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof_old.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..351c9e5eb99a1f3fbf424eb074f6e58bfadd5f9c
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Pragfriedhof_old.geojson
@@ -0,0 +1 @@
+{"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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.geojson b/vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..64e83b168e931c18235b8edde254c7c332d48a7e
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.geojson
@@ -0,0 +1,241 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.wav b/vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.wav
new file mode 100644
index 0000000000000000000000000000000000000000..944e4c0f95f3454b50615a1f2c0758453c3cd894
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Rosensteinpark.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Skaten.geojson b/vcm/datasource-data/NoiseData/soundquiz/Skaten.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..3781dce197bff391bc844453a0a26c6a734bfede
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/Skaten.geojson
@@ -0,0 +1,111 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/Skaten.wav b/vcm/datasource-data/NoiseData/soundquiz/Skaten.wav
new file mode 100644
index 0000000000000000000000000000000000000000..7e23087cf56c1843ed1023c15f614452d783f238
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/Skaten.wav differ
diff --git a/vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.geojson b/vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.geojson
new file mode 100644
index 0000000000000000000000000000000000000000..e91886e2283c70c90467791899a4677db75b2946
--- /dev/null
+++ b/vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.geojson
@@ -0,0 +1,111 @@
+{
+ "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
diff --git a/vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.wav b/vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.wav
new file mode 100644
index 0000000000000000000000000000000000000000..b4edb2c04b54f72f5b5cd83fb651decb5cbc15cf
Binary files /dev/null and b/vcm/datasource-data/NoiseData/soundquiz/UFA_Palast.wav differ
diff --git a/vcm/index.html b/vcm/index.html
index 235f0ffc5db8abb59e728c8000c8612bba21444d..e1d6c3d515bb12958b47a32d903107ec25b626c2 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -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>
diff --git a/vcm/js/DragnDrop.js b/vcm/js/DragnDrop.js
index 25201345248bf640398d1fba55f11cb09fdbc405..abd717d21df790772045bec800c5be74ac79139c 100644
--- a/vcm/js/DragnDrop.js
+++ b/vcm/js/DragnDrop.js
@@ -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){
diff --git a/vcm/js/favoriteplaces.js b/vcm/js/favoriteplaces.js
index c1f8e6e11d0b828673b149480f04017e32e79fa9..229e4d93134077907e9ce195760bfd655618d502 100644
--- a/vcm/js/favoriteplaces.js
+++ b/vcm/js/favoriteplaces.js
@@ -69,7 +69,160 @@ function setPointFav(location, pointd){
// delete layer if it already exists
framework.removeLayerByName(location + "point")
// visualizing with vcs GeoJson function
- pointlayer = new vcs.vcm.layer.GeoJSON({
+ if (location == "quiz_baustelle"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_spacecadet.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ } else if (location == "quiz_pragfriedhof"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_paologreen.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else if (location == "quiz_marktplatz"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_rosybrown.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else if (location == "quiz_skaten"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_rosevale.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else if (location == "quiz_kirche"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_myrtlegreen.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else if (location == "quiz_meerschweinchen"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_babyblue.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else if (location == "quiz_ufapalast"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_rubyred.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else if (location == "quiz_rostensteinpark"){
+ pointlayer = new vcs.vcm.layer.GeoJSON({
+ name: location + "point",
+ url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
+ data: geojson,
+ projection: {
+ epsg: 4326
+ },
+ altitudeMode : "relativeToGround",
+ style: {
+ image: {
+ icon: {
+ src: "./datasource-data/NoiseData/Icons_soundquiz/s_noise_greensheen.png",
+ scale: 0.5
+ }
+ }
+ },
+ heightAboveGround: 0
+ })
+ }else {
+ pointlayer = new vcs.vcm.layer.GeoJSON({
name: location + "point",
url: addPointurl + "?slat=" + pointd.lat + "&slon=" + pointd.lon + "&sloc=" + location,
data: geojson,
@@ -87,6 +240,8 @@ function setPointFav(location, pointd){
},
heightAboveGround: 0
})
+ }
+
framework.addLayer(pointlayer)
pointlayer.activate(true);
}
@@ -138,7 +293,19 @@ function switchFavPlaces(){
}
}
+function switchQuizResults(){
+ var checkBox = document.getElementById("quizcheck");
+
+ if (checkBox.checked == true){
+
+ quizAnswerOn()
+ } else {
+
+ quizAnswerOff()
+ }
+
+}
// Get Location of User
document.getElementById('getLocationFav').ontouchstart = function (eve) {
diff --git a/vcm/js/history.js b/vcm/js/history.js
index 80439f442e2bf5291a3f7b45a3d3ffbe2d1fb82a..ad903d73d2fa971e5c33c7acd260c052027e9c74 100644
--- a/vcm/js/history.js
+++ b/vcm/js/history.js
@@ -61,11 +61,11 @@ function historyToolbox(){
}
function historyNordb(){
- history.pushState({id:5},'Info page','./project/nordb')
+ history.pushState({id:5},'Info page','./nordb')
}
function historyBock(){
- history.pushState({id:6},'Info page','./project/bock')
+ history.pushState({id:6},'Info page','./bock')
}
history.replaceState({id:1}, 'Default page','./start');
diff --git a/vcm/js/soundquiz.js b/vcm/js/soundquiz.js
new file mode 100644
index 0000000000000000000000000000000000000000..d2a6d21f56946e02d8304452c748a7d4e1e76df4
--- /dev/null
+++ b/vcm/js/soundquiz.js
@@ -0,0 +1,424 @@
+function quizAnswerOn() {
+
+
+ var quiz_baustelle = ["quiz_baustelle"]
+ var quiz_kirche = ["quiz_kirche"]
+ var quiz_Marktplatz = ["quiz_Marktplatz"]
+ var quiz_Meerschweinchen = ["quiz_Meerschweinchen"]
+ var quiz_Pragfriedhof = ["quiz_Pragfriedhof"]
+ var quiz_Rosensteinpark = ["quiz_Rosensteinpark"]
+ var quiz_Skaten = ["quiz_Skaten"]
+ var quiz_UFA_Palast = ["quiz_UFA_Palast"]
+
+ var layers = framework.getLayers();
+
+ for (var i = 0; i< layers.length; i++) {
+ var layer = layers[i];
+ if(quiz_baustelle.indexOf(layer.name) >= 0) {
+ layer.activate(true);
+ } else if (quiz_kirche.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }else if (quiz_Marktplatz.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }else if (quiz_Meerschweinchen.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }else if (quiz_Pragfriedhof.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }else if (quiz_Rosensteinpark.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }else if (quiz_Skaten.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }else if (quiz_UFA_Palast.indexOf(layer.name) >= 0){
+ layer.activate(true);
+ }
+
+ }
+
+
+}
+function quizAnswerOff() {
+
+ var quiz_baustelle = ["quiz_baustelle"]
+ var quiz_kirche = ["quiz_kirche"]
+ var quiz_Marktplatz = ["quiz_Marktplatz"]
+ var quiz_Meerschweinchen = ["quiz_Meerschweinchen"]
+ var quiz_Pragfriedhof = ["quiz_Pragfriedhof"]
+ var quiz_Rosensteinpark = ["quiz_Rosensteinpark"]
+ var quiz_Skaten = ["quiz_Skaten"]
+ var quiz_UFA_Palast = ["quiz_UFA_Palast"]
+
+
+ var layers = framework.getLayers();
+
+ for (var i = 0; i< layers.length; i++) {
+ var layer = layers[i];
+ if(quiz_baustelle.indexOf(layer.name) >= 0) {
+ layer.activate(false);
+ }else if (quiz_kirche.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }else if (quiz_Marktplatz.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }else if (quiz_Meerschweinchen.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }else if (quiz_Pragfriedhof.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }else if (quiz_Rosensteinpark.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }else if (quiz_Skaten.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }else if (quiz_UFA_Palast.indexOf(layer.name) >= 0){
+ layer.activate(false);
+ }
+
+ }
+
+}
+
+
+
+let baustellePoint
+let point_baustelle
+let point_kirche
+let point_marktplatz
+let point_meerschweinchen
+let point_pragfriedhof
+let point_rosensteinpark
+let point_skaten
+let point_ufapalast
+
+
+
+var poly_baustelle = turf.polygon([[[9.192030041439407,48.795435967671466],
+ [9.193216723986483,48.79495488792281],
+ [9.193868262453837,48.79608377989257],
+ [9.19323753687872,48.79624768458771],
+ [9.19272846497538,48.79547341656016],
+ [9.192181723252217,48.79565298639707],
+ [9.192030041439407,48.795435967671466]]]);
+var poly_kirche = turf.polygon([[[9.188408368748892,48.795100250655054],
+ [9.188924612595006,48.795012123976335],
+ [9.189098065897257,48.79549757627021],
+ [9.188575644592794,48.7956045547285],
+ [9.188408368748892,48.795100250655054]]]);
+var poly_Marktplatz = turf.polygon([[[9.190168307967882,48.79728419808009],
+ [9.1910874206942,48.79725140057769],
+ [9.191087538901344,48.79748221171445],
+ [9.190187007187546,48.79748110760161],
+ [9.190168307967882,48.79728419808009]]]);
+var poly_Meerschweinchen = turf.polygon([[[9.186806098731616,48.79881951602704],
+ [9.188600335393922,48.79719781391975],
+ [9.188949173861737,48.79762091492424],
+ [9.187848177581678,48.79928734715429],
+ [9.186806098731616,48.79881951602704]]]);
+var poly_Pragfriedhof = turf.polygon([[[9.182333160394126,48.794227837883454],
+ [9.186647005279728,48.79259326288354],
+ [9.186647005279728,48.79259326288354],
+ [9.18715941385583,48.792952193405455],
+ [9.188289000958733,48.79385430267109],
+ [9.188891598423863,48.79484809259648],
+ [9.188924740247561,48.79612690389061],
+ [9.188799960354077,48.79681309093797],
+ [9.18825406781832,48.797313503843924],
+ [9.187345300590598,48.797925407270014],
+ [9.186793822718,48.79823773268251],
+ [9.186096400913614,48.79847389780855],
+ [9.185376581862181,48.79853414827693],
+ [9.18419156582769,48.79836173569811],
+ [9.182740250555623,48.79801651120249],
+ [9.182333160394126,48.794227837883454]]]);
+var poly_Rosensteinpark = turf.polygon([[[9.203808052932066,48.79875367235891],
+ [9.208012295476198,48.79907274921155],
+ [9.20859308579052,48.79995508393404],
+ [9.208307227582281,48.80047891317108],
+ [9.20655387838112,48.80160753910721],
+ [9.206056324076444,48.80174552856627],
+ [9.206914332149998,48.803294486473106],
+ [9.205121147799815,48.80447843399779],
+ [9.204787225158146,48.80524383611939],
+ [9.204293772298964,48.805772976987896],
+ [9.202644486340354,48.80554330738289],
+ [9.200742163801127,48.805730074499024],
+ [9.197993600884352,48.80570592345538],
+ [9.19408063624374,48.806578150352806],
+ [9.192236234986755,48.80700516129579],
+ [9.190481412880551,48.80711898114146],
+ [9.189377614525243,48.80715362417243],
+ [9.189612496570103,48.806420338495116],
+ [9.190483699672992,48.80542080612048],
+ [9.191367708214424,48.804618160154064],
+ [9.192006815165342,48.80394202915721],
+ [9.192960405298813,48.80329637888474],
+ [9.19511584478854,48.80235904555161],
+ [9.196720543284407,48.801721976270414],
+ [9.198002225814102,48.801426584371825],
+ [9.199607833356552,48.80105249758515],
+ [9.200559174570628,48.800752502238794],
+ [9.20147085629273,48.800194609436886],
+ [9.202729092947616,48.79948163061957],
+ [9.203122591861353,48.79926610161402],
+ [9.203808052932066,48.79875367235891]]]);
+var poly_Skaten = turf.polygon([[[9.186665264444466,48.79273677965645],
+ [9.187115163885181,48.79257958028356],
+ [9.18774299900375,48.79299776284847],
+ [9.18737613418959,48.793241842711154],
+ [9.186665264444466,48.79273677965645]]]);
+var poly_UFA_Palast = turf.polygon([[[9.191762686194787,48.793611450616766],
+ [9.19244968983106,48.79299940951094],
+ [9.193279947526518,48.79382263074581],
+ [9.192640547940316,48.794189163732284],
+ [9.191762686194787,48.793611450616766]]]);
+var ptsWithin
+var ptsWithin_bau
+var ptsWithin_prag
+var ptsWithin_markt
+var ptsWithin_skaten
+var ptsWithin_kirche
+var ptsWithin_meerschweinchen
+var ptsWithin_ufa
+var ptsWithin_rosenstein
+
+
+function check_Bau(location) {
+
+
+
+ if (location == "quiz_baustelle"){
+ var points = turf.points([
+ [point_baustelle.lon, point_baustelle.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_baustelle);
+
+ console.log(ptsWithin);
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_bau").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_bau").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_pragfriedhof"){
+ var points = turf.points([
+ [point_pragfriedhof.lon, point_pragfriedhof.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_Pragfriedhof);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_prag").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_prag").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_marktplatz"){
+ var points = turf.points([
+ [point_marktplatz.lon, point_marktplatz.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_Marktplatz);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_markt").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_markt").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_skaten"){
+ var points = turf.points([
+ [point_skaten.lon, point_skaten.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_Skaten);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_skaten").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_skaten").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_kirche"){
+ var points = turf.points([
+ [point_kirche.lon, point_kirche.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_kirche);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_kirche").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_kirche").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_meerschweinchen"){
+ var points = turf.points([
+ [point_meerschweinchen.lon, point_meerschweinchen.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_Meerschweinchen);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_meerschweinchen").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_meerschweinchen").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_ufapalast"){
+ var points = turf.points([
+ [point_ufapalast.lon, point_ufapalast.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_UFA_Palast);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_ufapalast").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_ufapalast").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "quiz_rostensteinpark"){
+ var points = turf.points([
+ [point_rosensteinpark.lon, point_rosensteinpark.lat]
+ ]);
+ ptsWithin = turf.pointsWithinPolygon(points, poly_Rosensteinpark);
+
+ if (ptsWithin.features.length == 0){
+ document.getElementById("solution_rosenstein").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin.features.length == 1){
+ document.getElementById("solution_rosenstein").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ } else if (location == "all"){
+ var points_bau = turf.points([
+ [point_baustelle.lon, point_baustelle.lat]
+ ]);
+ ptsWithin_bau = turf.pointsWithinPolygon(points_bau, poly_baustelle);
+
+ var points_prag = turf.points([
+ [point_pragfriedhof.lon, point_pragfriedhof.lat]
+ ]);
+ ptsWithin_prag = turf.pointsWithinPolygon(points_prag, poly_Pragfriedhof);
+
+ var points_markt = turf.points([
+ [point_marktplatz.lon, point_marktplatz.lat]
+ ]);
+ ptsWithin_markt = turf.pointsWithinPolygon(points_markt, poly_Marktplatz);
+
+ var points_skaten = turf.points([
+ [point_skaten.lon, point_skaten.lat]
+ ]);
+ ptsWithin_skaten = turf.pointsWithinPolygon(points_skaten, poly_Skaten);
+
+ var points_kirche = turf.points([
+ [point_kirche.lon, point_kirche.lat]
+ ]);
+ ptsWithin_kirche = turf.pointsWithinPolygon(points_kirche, poly_kirche);
+
+ var points_meer = turf.points([
+ [point_meerschweinchen.lon, point_meerschweinchen.lat]
+ ]);
+ ptsWithin_meerschweinchen = turf.pointsWithinPolygon(points_meer, poly_Meerschweinchen);
+
+ var points_ufa = turf.points([
+ [point_ufapalast.lon, point_ufapalast.lat]
+ ]);
+ ptsWithin_ufa = turf.pointsWithinPolygon(points_ufa, poly_UFA_Palast);
+
+ var points_rosen = turf.points([
+ [point_rosensteinpark.lon, point_rosensteinpark.lat]
+ ]);
+ ptsWithin_rosenstein = turf.pointsWithinPolygon(points_rosen, poly_Rosensteinpark);
+
+
+ if (ptsWithin_bau.features.length == 0){
+ document.getElementById("solution_bau").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_bau.features.length == 1){
+ document.getElementById("solution_bau").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_prag.features.length == 0){
+ document.getElementById("solution_prag").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_prag.features.length == 1){
+ document.getElementById("solution_prag").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_markt.features.length == 0){
+ document.getElementById("solution_markt").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_markt.features.length == 1){
+ document.getElementById("solution_markt").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_skaten.features.length == 0){
+ document.getElementById("solution_skaten").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_skaten.features.length == 1){
+ document.getElementById("solution_skaten").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_kirche.features.length == 0){
+ document.getElementById("solution_kirche").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_kirche.features.length == 1){
+ document.getElementById("solution_kirche").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_meerschweinchen.features.length == 0){
+ document.getElementById("solution_meerschweinchen").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_meerschweinchen.features.length == 1){
+ document.getElementById("solution_meerschweinchen").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_ufa.features.length == 0){
+ document.getElementById("solution_ufapalast").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_ufa.features.length == 1){
+ document.getElementById("solution_ufapalast").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+ if (ptsWithin_rosenstein.features.length == 0){
+ document.getElementById("solution_rosenstein").src="../datasource-data/NoiseData/Icons_soundquiz/icon_wrong.png";
+ } else if (ptsWithin_rosenstein.features.length == 1){
+ document.getElementById("solution_rosenstein").src="../datasource-data/NoiseData/Icons_soundquiz/icon_right.png";
+ }
+
+
+
+
+ }
+
+ //ptsWithin = turf.pointsWithinPolygon(points, poly_baustelle);
+ // console.log(ptsWithin);
+ // if (ptsWithin.features.length == 0){
+ // alert(false);
+ // } else if (ptsWithin.features.length == 1){
+ // alert(true);
+ // }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// var polygone= [
+// [-73.89632720118, 40.8515320489962],
+// [-73.8964878416508, 40.8512476593594],
+// [-73.8968799791431, 40.851375925454],
+// [-73.8967188588015, 40.851660158514],
+// [-73.89632720118, 40.8515320489962]
+// ]
+
+// var baustelle = [[9.192030041439407,48.795435967671466],
+// [9.193216723986483,48.79495488792281],
+// [9.193868262453837,48.79608377989257],
+// [9.19323753687872,48.79624768458771],
+// [9.19272846497538,48.79547341656016],
+// [9.192181723252217,48.79565298639707],
+// [9.192030041439407,48.795435967671466]]
+
+// let baustellePoint
+
+// function isPointInPoly(poly, pt){
+// for(var c = false, i = -1, l = poly.length, j = l - 1; ++i < l; j = i)
+// ((poly[i][1] <= pt[1] && pt[1] < poly[j][1]) || (poly[j][1] <= pt[1] && pt[1] < poly[i].y))
+// && (pt[0] < (poly[j][0] - poly[i][0]) * (pt[1] - poly[i][1]) / (poly[j][1] - poly[i][1]) + poly[i][0])
+// && (c = !c);
+// return c;
+// }
+
+
+// function check_Bau() {
+// alert(baustellePoint.lon + " - " + baustellePoint.lat)
+// alert(isPointInPoly(baustelle, [baustellePoint.lon, baustellePoint.lat]));
+
+// }
\ No newline at end of file