Mercurial > gemma
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"', |