diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/CacheStart.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/CacheStart.vue
index 951b7af..973eed8 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/CacheStart.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/CacheStart.vue
@@ -9,7 +9,7 @@
-
+
diff --git a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue
index 487d6bd..951c055 100644
--- a/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue
+++ b/labswp_2019_sose_geocaching_frontend/frontend/src/pages/StationView.vue
@@ -57,7 +57,7 @@ Vue.use(VueLayers);
stationen: [],
},
station: {},
- markercolor: "red",
+ markercolor: "grey",
cameraActive: false,
result: null,
zoom: 15,
@@ -121,8 +121,15 @@ Vue.use(VueLayers);
},
getMarkerURL(station) {
- console.log(station);
- return `./statics/map-marker_${this.markercolor}.svg`
+ return `./statics/map-marker_${this.setMarkercolor(station)}.svg`
+ },
+ setMarkercolor(station){
+ if(this.station === cache.stationen.find(station => station.id === Number(this.$route.params.id))) {
+ this.markercolor = "red";
+ } else if (this.station) {
+ this.markercolor = "grey";
+ }
+ return this.markercolor
},
updateResult(event) {