js_rage.js

    function aplicaFiltro(filtro, slider, valor, unidade) {
        var imagem = document.getElementById("meumapa");
        var y = document.getElementById(slider);
        var x = document.getElementById(valor);
        x.value = y.value+unidade;
        if('-webkit-filter' in document.body.style) {
            imagem.style.webkitFilter = filtro+'('+y.value+unidade+')';
        } else if ('filter' in document.body.style) {
            imagem.style.filter = filtro+'('+y.value+unidade+')';
        }
    }

rage.html

<input type="range" onchange="aplicaFiltro('brightness', 'rangeBrightness', 'valorBrightness', '%')" value="100" id="rangeBrightness" max="300" min="0">
                <input type="text" size="2" value="100%" id="valorBrightness">