changeset 2263:7efa29d16e77

client: make different LOS layer visually more distinct * Change LOS vector style to use the same width and color with a different point and point dash line style. The reason is: there are too many colors and line width on the map already and the main use case for this layers is to see them when zoomed in a lot and being able to distinguish several line feature for one place on the river. * Disable display of LOS 2 and LOS 1 vector levels by default, as they are considered additional information that users may want to see less often, also because they only sometimes available, while LOS 3 is most available.
author Bernhard Reiter <bernhard@intevation.de>
date Thu, 14 Feb 2019 12:21:25 +0100
parents dedd7bbee846
children 627bfcbbf631
files client/src/store/map.js
diffstat 1 files changed, 10 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/store/map.js	Thu Feb 14 11:30:27 2019 +0100
+++ b/client/src/store/map.js	Thu Feb 14 12:21:25 2019 +0100
@@ -141,7 +141,7 @@
               new Style({
                 stroke: new Stroke({
                   color: "rgba(0, 0, 255, 1.0)",
-                  width: 1
+                  width: 2
                 })
               }),
               new Style({
@@ -169,7 +169,9 @@
             return [
               new Style({
                 stroke: new Stroke({
-                  color: "rgba(38, 38, 127, 1.0)",
+                  color: "rgba(0, 0, 255, 0.9)",
+                  lineDash: [0, 5, 5, 5],
+                  lineCap: "round",
                   width: 2
                 })
               }),
@@ -187,7 +189,7 @@
             ];
           }
         }),
-        isVisible: true,
+        isVisible: false,
         showInLegend: true
       },
       {
@@ -198,8 +200,10 @@
             return [
               new Style({
                 stroke: new Stroke({
-                  color: "rgba(76, 76, 255, 1.0)",
-                  width: 3
+                  color: "rgba(0, 0, 255, 0.8)",
+                  lineDash: [0, 5],
+                  lineCap: "round",
+                  width: 2
                 })
               }),
               new Style({
@@ -216,7 +220,7 @@
             ];
           }
         }),
-        isVisible: true,
+        isVisible: false,
         showInLegend: true
       },
       {