Jump to the following:

By continuing, you agree to the use of cookies by us and third parties, which we use to improve your visit.

OS OpenSpace layers and look-up services

OS OpenSpace comprises a number of layers that offer levels of detail differing according to zoom level, plus place name and postcode gazetteer look-up services.

The following mapping layers are available with OS OpenSpace

In order to achieve a friendly zoomed in/out effect, each product type has a suitable resolution measured in metres per pixel at which it should be viewed in a web application.

The mapping layers are divided into tiles. A tile of data is a square of a digital map with a size between 200 and 256 square pixels. Each OS OpenSpace map is displayed on your screen by joining multiple adjacent tiles.

By default, the osMap variable serves the following mapping layers at different zoom levels or resolutions:

Product NameZoom levelResolution
StreetView resampled82
DistrictVectorMap District 5
VectorMap District Resampled 10
Regional50k raster82.5
50k raster Resampled74
250k raster625
250k raster Resampled550
Minsicale Resampled3200
Overview map 12500
Overview map 211000
Overview map 302500

You can, however, customise the display, should you wish.

Using product resolutions to configure map layers

//osMap = new OpenSpace.Map('map');

In your OpenSpace code you will need to replace or comment out this piece of code that provides the default products:

Replace it with code that requests products by Resolution. Its important to insert a correct sequence of product codes i.e Insert small scale products first (most zoomed out). To use product codes correctly they need to be ordered according to resolution in high to low order.

In the following example, Vector Map District has been included:

var options = {resolutions: [2500, 1000, 500, 200, 
100, 50, 25, 10, 5, 4, 2.5, 2, 1]};
osMap = new OpenSpace.Map('map', options);

In the following example, just 50k, Vector Map District and StreetView are shown:

var options = {resolutions: [10, 5, 4, 2.5, 2, 1]};
osMap = new OpenSpace.Map('map',options);

This gives you the flexibility you need to tailor the map more closely to your needs.

Back to top
© Ordnance Survey 2019