scene.yaml

sources:
    elevation:
        type: Raster
        url: https://tile.nextzen.org/tilezen/terrain/v1/512/terrarium/{z}/{x}/{y}.png
        max_zoom: 14
        tile_size: 512
        url_params:
            api_key: dmlO1fVQRPKI-GrVIYJ1YA
    mapzen:
        type: MVT
        url: https://tile.nextzen.org/tilezen/vector/v1/512/all/{z}/{x}/{y}.mvt
        max_zoom: 16
        tile_size: 512
        url_params:
            api_key: dmlO1fVQRPKI-GrVIYJ1YA
styles:
    hillshade:
        base: raster
        shaders:
            uniforms:
                # set desired visible elevation range
                u_max: 8900. # everest = 8848
                u_min: 0. # sea level
                # u_min: -11000. # challenger deep = -10916
            blocks:
                global: |
                    float unpack(vec4 h) {
                        // unpack data to range [-32768, 32768], the range in the raw data
                        // "* 255." is necessary because each the GPU reads each channel as a range from 0 - 1
                        // and we want it in a range from 0-255, as it was encoded in the raster image
                        return (h.r * 256. + h.g + h.b / 256.) * 255. - 32768.;
                    }
                color: |
                    // unpack color and remove offset
                    float height = unpack(color);

                    // normalize to [0. - 1.]
                    float new_value = (height - u_min)/(u_max - u_min);

                    color.rgb = vec3(new_value);
                    color.a = 1.0;
    togglelines:
        base: lines
        blend: overlay
        shaders:
            uniforms:
                u_alpha: .0
            blocks:
                color:
                    color.a *= u_alpha;
    toggletext:
        base: text
        blend: overlay
        shaders:
            uniforms:
                u_alpha: .0
            blocks:
                color:
                    color.a *= u_alpha;

layers:
    terrain:
        data: { source: elevation, layer: _default }
        draw:
            hillshade:
                order: 0
    water:
        data: { source: mapzen }
        draw:
            toggletext:
                order: 1
                buffer: 30px
                font:
                    family: Arial
                    size: 10px
                    fill: [0, .5, .5]
        ocean:
            filter:
                kind: ocean
            draw:
                togglelines:
                    order: 2
                    width: 1.5px
                    color: [0, 1, 1]
        other:
            filter:
                not:
                    kind: ocean
            draw:
                togglelines:
                    order: 2
                    width: .5px
                    color: [0, .5, .5]
    boundaries:
        data: { source: mapzen }
        country:
            filter:
                kind: country
            draw:
                togglelines:
                    order: 3
                    width: 1px
                    color: [0, 1, 1]
        state:
            filter:
                kind: state
            draw:
                togglelines:
                    order: 3
                    width: 1px
                    color: [0, .5, .5]
    roads:
        data: { source: mapzen }
        draw:
            togglelines:
                order: 3
                width: .25px
                color: [0, .5, .5]
    places:
        data: { source: mapzen }
        draw:
            toggletext:
                order: 4
                font:
                    family: Arial
                    size: 10px
                    fill: cyan