https://sarahdal.github.io/Walks/styles/Walks_1_style.js

1var size = 0;
2var placement = 'point';
3
4var style_Walks_1 = function(feature, resolution){
5    var context = {
6        feature: feature,
7        variables: {}
8    };
9    
10    var labelText = ""; 
11    var value = feature.get("Length");
12    var labelFont = "10px, sans-serif";
13    var labelFill = "#000000";
14    var bufferColor = "";
15    var bufferWidth = 0;
16    var textAlign = 'left';
17    var offsetX = 8;
18    var offsetY = 3;
19    var overflow = false;
20    var repeat = 0;
21    var placement = 'line';
22    if ("" !== null) {
23        labelText = String("");
24    }
25    if (value >= 0.000000 && value <= 6.000000) {
26            style = [ new ol.style.Style({
27        stroke: new ol.style.Stroke({color: 'rgba(252,253,191,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
28        text: createTextStyle(feature, resolution, labelText, labelFont,
29                              labelFill, placement, bufferColor,
30                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
31    })]
32                    } else if (value >= 6.000000 && value <= 10.000000) {
33            style = [ new ol.style.Style({
34        stroke: new ol.style.Stroke({color: 'rgba(254,175,120,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
35        text: createTextStyle(feature, resolution, labelText, labelFont,
36                              labelFill, placement, bufferColor,
37                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
38    })]
39                    } else if (value >= 10.000000 && value <= 15.000000) {
40            style = [ new ol.style.Style({
41        stroke: new ol.style.Stroke({color: 'rgba(241,96,93,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
42        text: createTextStyle(feature, resolution, labelText, labelFont,
43                              labelFill, placement, bufferColor,
44                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
45    })]
46                    } else if (value >= 15.000000 && value <= 20.000000) {
47            style = [ new ol.style.Style({
48        stroke: new ol.style.Stroke({color: 'rgba(182,55,122,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
49        text: createTextStyle(feature, resolution, labelText, labelFont,
50                              labelFill, placement, bufferColor,
51                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
52    })]
53                    } else if (value >= 20.000000 && value <= 30.000000) {
54            style = [ new ol.style.Style({
55        stroke: new ol.style.Stroke({color: 'rgba(114,31,129,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
56        text: createTextStyle(feature, resolution, labelText, labelFont,
57                              labelFill, placement, bufferColor,
58                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
59    })]
60                    } else if (value >= 30.000000 && value <= 40.000000) {
61            style = [ new ol.style.Style({
62        stroke: new ol.style.Stroke({color: 'rgba(45,17,95,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
63        text: createTextStyle(feature, resolution, labelText, labelFont,
64                              labelFill, placement, bufferColor,
65                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
66    })]
67                    } else if (value >= 40.000000 && value <= 62.330000) {
68            style = [ new ol.style.Style({
69        stroke: new ol.style.Stroke({color: 'rgba(0,0,4,1.0)', lineDash: null, lineCap: 'square', lineJoin: 'bevel', width: 3.8}),
70        text: createTextStyle(feature, resolution, labelText, labelFont,
71                              labelFill, placement, bufferColor,
72                              bufferWidth, textAlign, offsetX, offsetY, overflow, repeat)
73    })]
74                    };
75
76    return style;
77};