changeset 2250:23c03e2eaf4f

client: make different LOS visually distinct * Move usually smaller layers to be draw last, so they are on top of the map. * Change linewidth so that the more significant layers have a larger width.
author Bernhard Reiter <bernhard@intevation.de>
date Wed, 13 Feb 2019 16:53:58 +0100
parents cce158db02b0
children f162f136263e
files client/src/store/map.js
diffstat 1 files changed, 8 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/store/map.js	Wed Feb 13 16:48:52 2019 +0100
+++ b/client/src/store/map.js	Wed Feb 13 16:53:58 2019 +0100
@@ -133,15 +133,15 @@
         showInLegend: true
       },
       {
-        name: LAYERS.FAIRWAYDIMENSIONSLOS1,
+        name: LAYERS.FAIRWAYDIMENSIONSLOS3,
         data: new VectorLayer({
           source: new VectorSource(),
           style: function() {
             return [
               new Style({
                 stroke: new Stroke({
-                  color: "rgba(76, 76, 255, 1.0)",
-                  width: 2
+                  color: "rgba(0, 0, 255, 1.0)",
+                  width: 1
                 })
               }),
               new Style({
@@ -151,7 +151,7 @@
                   fill: new Fill({
                     color: "black"
                   }),
-                  text: "LOS: 1"
+                  text: "LOS: 3"
                   //, zIndex: 10
                 })
               })
@@ -191,15 +191,15 @@
         showInLegend: true
       },
       {
-        name: LAYERS.FAIRWAYDIMENSIONSLOS3,
+        name: LAYERS.FAIRWAYDIMENSIONSLOS1,
         data: new VectorLayer({
           source: new VectorSource(),
           style: function() {
             return [
               new Style({
                 stroke: new Stroke({
-                  color: "rgba(0, 0, 255, 1.0)",
-                  width: 2
+                  color: "rgba(76, 76, 255, 1.0)",
+                  width: 3
                 })
               }),
               new Style({
@@ -209,7 +209,7 @@
                   fill: new Fill({
                     color: "black"
                   }),
-                  text: "LOS: 3"
+                  text: "LOS: 1"
                   //, zIndex: 10
                 })
               })