comparison client/src/store/map.js @ 2313:ba4dfff74d3f

client: improve styles for LOS layers * Activate filling for LOS layers, so they can be seen better. The LOS 3 is just making things lighter, while LOS 2 and 1 add a yellow tint.
author Bernhard Reiter <bernhard@intevation.de>
date Mon, 18 Feb 2019 16:08:16 +0100
parents 77adbdd24d52
children da4c91866dfe
comparison
equal deleted inserted replaced
2309:77adbdd24d52 2313:ba4dfff74d3f
140 return [ 140 return [
141 new Style({ 141 new Style({
142 stroke: new Stroke({ 142 stroke: new Stroke({
143 color: "rgba(0, 0, 255, 1.0)", 143 color: "rgba(0, 0, 255, 1.0)",
144 width: 2 144 width: 2
145 }),
146 fill: new Fill({
147 color: "rgba(255, 255, 255, 0.4)"
145 }) 148 })
146 }), 149 }),
147 new Style({ 150 new Style({
148 text: new Text({ 151 text: new Text({
149 font: 'bold 12px "Open Sans", "sans-serif"', 152 font: 'bold 12px "Open Sans", "sans-serif"',
171 stroke: new Stroke({ 174 stroke: new Stroke({
172 color: "rgba(0, 0, 255, 0.9)", 175 color: "rgba(0, 0, 255, 0.9)",
173 lineDash: [3, 6], 176 lineDash: [3, 6],
174 lineCap: "round", 177 lineCap: "round",
175 width: 2 178 width: 2
179 }),
180 fill: new Fill({
181 color: "rgba(240, 230, 0, 0.1)"
176 }) 182 })
177 }), 183 }),
178 new Style({ 184 new Style({
179 text: new Text({ 185 text: new Text({
180 font: 'bold 12px "Open Sans", "sans-serif"', 186 font: 'bold 12px "Open Sans", "sans-serif"',
202 stroke: new Stroke({ 208 stroke: new Stroke({
203 color: "rgba(0, 0, 255, 0.8)", 209 color: "rgba(0, 0, 255, 0.8)",
204 lineDash: [2, 4], 210 lineDash: [2, 4],
205 lineCap: "round", 211 lineCap: "round",
206 width: 2 212 width: 2
213 }),
214 fill: new Fill({
215 color: "rgba(240, 230, 0, 0.2)"
207 }) 216 })
208 }), 217 }),
209 new Style({ 218 new Style({
210 text: new Text({ 219 text: new Text({
211 font: 'bold 12px "Open Sans", "sans-serif"', 220 font: 'bold 12px "Open Sans", "sans-serif"',