声环境功能区配色方案（openlayers）

 

//功能区
var areaObj = {
    '0类区': [new ol.style.Style({
        fill: new ol.style.Fill({
            color: [255, 255, 153, 0.5]
        })
    })],
    '1类区': [new ol.style.Style({
        fill: new ol.style.Fill({
            color: [204, 255, 204, .5]
        })
    })],
    '2类区': [new ol.style.Style({
        fill: new ol.style.Fill({
            color: [51, 102, 204, .5]
        })
    })],
    '3类区': [new ol.style.Style({
        fill: new ol.style.Fill({
            color: [153, 51, 0, .5]
        })
    })],
    '4a类区': [new ol.style.Style({
        fill: new ol.style.Fill({
            color: [255, 0, 0, .5]
        }),
        stroke: new ol.style.Stroke({
            color: [255, 0, 0, 0.5],
            width: 3
        }),
    })],
    '4b类区': [new ol.style.Style({
        fill: new ol.style.Fill({
            color: [128, 0, 128, 0.5]
        }),
        stroke: new ol.style.Stroke({
            color: [128, 0, 128, 0.5],
            width: 3
        })
    })]
};
var areaStyle = function (feature, resolution) {
    return areaObj[feature.getProperties()["Type"]];
};
//网格
var gridObj = {
    '0': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [200, 255, 200, 0.5]
        })
    })],
    '<40': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [224, 240, 245, 0.8]
        })
    })],
    '40-45': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [173, 216, 230, 0.8]
        })
    })],
    '45-50': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [145, 255, 180, 0.8]
        })
    })],
    '50-55': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [195, 235, 0, 0.8]
        })
    })],
    '55-60': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [255, 255, 115, 0.8]
        })
    })],
    '60-65': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [255, 201, 0, 0.8]
        })
    })],
    '65-70': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [255, 132, 0, 0.8]
        })
    })],
    '>70': [new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#ccc',
            width: 1
        }),
        fill: new ol.style.Fill({
            color: [255, 48, 48, 0.8]
        })
    })]
};
var gridStyle = function (feature, resolution) {
    var Leq = feature.getProperties().leq;
    if (Leq == 0) {
        return gridObj["0"];
    }
    if (Leq >= 1 && Leq <= 40) {
        return gridObj["<40"];
    }
    if (Leq > 40 && Leq <= 45) {
        return gridObj["40-45"];
    }
    if (Leq > 45 && Leq <= 50) {
        return grid