Dynamic hillshade: create realistic terrain visualisations using OS Open Zoomstack

Inspired by the Mapbox blog – Tim Manners in our OS Labs team built this awesome demo application to showcase the dynamic hillshade. The demo includes a widget which enables you to change the light source directly on the client and see the map change in real-time. Tim used our OS Terrain 50 DTM grid dataset to generate a series of Terrain-RGB tiles. These tiles contain elevation data encoded in raster PNG tiles as colour values that can be decoded to raw heights in metres and rendered on the client-side for customisable terrain visualisations. Take a look below for how it appears when combined this with the OS Open Zoomstack Vector Tile API:

Want to make your own?

To generate the Terrain-RGB tileset – OS Labs used GDAL (Geospatial Data Abstraction Library) to combine/warp the individual ASCII tiles into a single Web Mercator projected GeoTIFF; before using the rio-rgbify command line tool to create the Terrain-RGB encoded MBTiles.

If you would like to do this yourself, Tim has created a ‘how to guide’ for generating your own Terrain-RGB tiles which you can find here.

Hillshades can add a realistic impression of terrain to your maps and are often easier to interpret than contours – although a combination of both is often favourable. Here’s a great example of how the hillshade layer can add texture and depth to OS Open Zoomstack: 

OS Open Zoomstack trial update

We are now seven weeks into our trial and as we reported last month, we’ve been overwhelmed with the positive feedback, which continues to come in. The GeoPackage and Vector Tiles have been well-received and we’re starting to see people integrate the new data into their applications – we’ll be sharing more examples soon.

As well as the Dynamic Hillshade demo above, we use OS Open Zoomstack in many of our own applications and product demonstrators. One of our recent work experience students also used it to good effect. Elsa created an interactive story map highlighting the archaeological sites of Dartmoor and she said, “Being able to create something using completely unfamiliar software in a very short amount of time was really exciting…and to get an insight into how GIS software can be used to present data in creative ways.”

OS Open Zoomstack masterclass

On Thursday 20 September we’ll be running a workshop at our Geovation Hub in London. This is your opportunity to get hands-on support for OS Open Zoomstack from our OS experts and learn how to use it in your own solution.

If you are interested then you can sign up for the masterclass here.

To find out more about OS Open Zoomstack and join the trial, visit os.uk/zoomstack.

You may also like

LEGO cartography
OS Open Zoomstack released today
OS Open Zoomstack is no longer just a 3-month trial!

3 Responses

  1. Hi All;

    speaking from a Grand-dad prospective…who was first trained in
    ‘Blind-Digitizing’ on a Blk. n’ White. Alpha-numeric Terminal…
    The OS Open Zoomstack Vector with light terrain perspective is simply
    out-of-this world….
    It is yet another quantum leap in tech. development similar to Google Earth.
    Mind-blowing…Cartography has gone a long way…

Leave a Reply

Your email address will not be published. Required fields are marked *

Name* :

Email* :