How to download and use OS stylesheets

In this tutorial we are going to explain how to download Ordnance Survey (OS) data from the OS Data Hub and then access and apply our stylesheets which are ready made styles for our data products.

Creating an OS Data Hub account

In order to access OS Data and APIs you will need to sign up to the OS Data Hub. There are 3 account types:

  • OS OpenData Plan โ€“ this is freely available to anyone or any business and gives you access to OS OpenData and OpenData APIs.

  • Public Sector Plan โ€“ if you work for a public sector organisation, you can access OS Premium data and APIs in addition to OS OpenData through the PSGA,

  • Premium Plan โ€“ gives you access to OS Premium Data and Services.

If youโ€™re just starting out with OS Data, we recommend signing up a free OS OpenData Plan to get you started. To create an account on the OS Data Hub navigate to osdatahub.os.uk/plans

Screenshot of the Ordnance Survey Data Hub homepage, showing navigation options for accessing Ordnance Survey data, APIs, and resources. The layout includes a main header, search bar, and featured sections for data products and documents
Welcome to the Ordnance Survey Data Hub

Create a free Data Hub account by selecting the purple Sign-Up button in the top right corner.

Choose the OS OpenData Plan on the left hand side.

Screenshot showing the different pricing plans available for setting up an OS Data Hub account. The plans are displayed in separate panels with details such as plan names, monthly usage limits, and key features for each option
Ordnance Survey Data Hub plans

Enter your email address and select Get verification code. A code will be sent to your inbox to input into the box below.

Once verified, click Next to input your details and create a password.

You are now signed up to the OS Data Hub and can access all the OS Open data and APIs.

Downloading OS data

To download OS data from the OS DataHub, go to the โ€˜Downloadโ€™ tab and then on the left, select โ€˜OS OpenData downloadsโ€™. If you have a Premium Plan or Public Sector Plan youโ€™ll also be able to see the premium data available to you.

Youโ€™ll be shown a selection of OS Products which are available for you to download. For this tutorial we are going to download OS Open Zoomstack which provides a great contextual basemap for projects but can also be used analytically. We have 6 house styles for this product โ€“ Light, Night, Outdoor, Road, Deuteranopia (GVD style) and Tritanopia (CVD style).

Screenshot showing information about OS Open Zoomstack, including a description of the product and a link to download it. The page highlights that OS Open Zoomstack is a free, customisable vector map dataset designed for use in various applications
OS product

Click on the product and then in the โ€˜Data Formatโ€™ dropdown, select the data format you wish to download the data in. For this tutorial, please select GeoPackage as the Data format and then click the link next to โ€˜Downloadโ€™ to start the download.

Screenshot showing the OS Open Zoomstack download interface, where users can specify an area of interest and choose a preferred data format before downloading. Options for customising the geographic extent and file type are visible on the page
Download OS product in chosen format

The downloaded file will likely by saved by default in your โ€˜Downloadsโ€™ Folder on your PC as a .zip file. Copy this file to your project folder on your computer and then right click and extract the data.

Downloading the stylesheets

Our stylesheets are stored and managed on GitHub โ€“ if youโ€™re not a developer, at first glance this may not look a very simple to use platform but getting the stylesheets is easy!

Go to: Ordnance Survey ยท GitHub

Scroll down until you see โ€˜Repositoriesโ€™ and a search box. Type โ€˜stylesheetsโ€™ into the search box and youโ€™ll find the stylesheet repositories for the different data products.

Note: The only set of stylesheets not accessed in this way is the OS NGD stylesheets โ€“ they can be found by searching โ€˜osngd-resourcesโ€™.

To find the OS Open Zoomstack stylesheets you can scroll down and click โ€˜View all repositoriesโ€™ or you can simply search for โ€˜zoomstackโ€™. Click on the blue link to open the OS-Open-Zoomstack-Stylesheets repository.

Screenshot showing the GitHub repository page where OS Zoomstack stylesheets are located. The page includes the repository name and search bar.
Github repository for stylesheets

The best thing to do at this point is to download the whole repository with all the stylesheets and supporting documents in it. To do this, go to the green โ€˜Codeโ€™ button in the top right and then โ€˜Download ZIPโ€™.

Screenshot of the OS Open Zoomstack GitHub repository showing folders for colour values and data formats. The page includes the repository name, navigation tabs, and a file list with directories that contain styling colour schemes and format-specific resources
Download github repository

The downloaded file will likely by saved by default in your โ€˜Downloadsโ€™ folder on your PC as a .zip file. Copy this file to your project folder on your computer and then right click and extract the data.

Once downloaded you can navigate through the folders on GitHub to look at what styles are available along with the ReadMe files which explain a bit more about the styles, any svg symbols youโ€™ll need to download and the specific layer order youโ€™ll need to replicate.

Screenshot of the OS Open Zoomstack GitHub repository showing the folder structure for GeoPackage QML stylesheets. The page lists directories and files used for styling maps in QGIS, including QML stylesheet files organised for different map styles
Folder strucutre for stylesheet repository
creenshot showing instructions on how to use OS Open Zoomstack QML files in QGIS. Includes a list of the recommended layer order to ensure correct map rendering
README.md for stylesheet repository

Using the stylesheets

QGIS

Before you open QGIS, check if there are any svg symbols accompanying the stylesheets. For OS Open Zoomsack, there are. Copy the โ€˜os-open-zoomstack-symbolsโ€™ folder from the stylesheet directory you just downloaded from GitHub and paste it in your QGIS programme file directory (in \apps\qgis-ltr\svg).

Screenshot showing the file path on the C: drive where the folder named โ€˜os-open-zoomstack-symbolsโ€™ should be placed. The interface displays the directory structure, highlighting the correct location for storing symbol resources used with OS Open Zoomstack
Windows file location for symbol folder

If there are any fonts that need installing (there arenโ€™t for Zoomstack), copy the font file (.otf) into your systems font directory (on windows machines this is C:\Windows\Fonts).

Now, open QGIS. If you donโ€™t have QGIS โ€“ this can be downloaded and installed on your PC (or macOS, or Linux) for free.

The first step is to load your OS Open Zoomstack data into QGIS. To do this you can either drag and drop your Zoomstack GeoPackage (.gpkg) data into the layers panel in QGIS or you can go to Layer > Add Layer > Add Vector Layer

creenshot of the Add Layer window in QGIS, showing options for adding different types of layers to a map project. The interface includes buttons and tabs for adding vector layers, raster layers, and other data sources
QGIS - Add layer

Click the โ€ฆ next to Source > Vector Dataset(s) to browse for your data.

creenshot of the Data Source Manager window in QGIS, showing options for adding different types of data sources such as vector, raster, database, and web services. The interface includes tabs and input fields for configuring connections and loading data layers
Data source manager

Navigate to the location where your Open Zoomstack GeoPackage is stored and then click โ€˜Addโ€™

Youโ€™ll be asked which layers you want to add. If you just want certain layers, you can just select them now, but for this example weโ€™re going to โ€˜Select Allโ€™ and then โ€˜Add Layersโ€™.

Screenshot of the QGIS interface showing the selection of layers to add from a GeoPackage. The window lists available layers within the GeoPackage, allowing the user to choose which ones to include in the map project
OS product - Add layers

The layers should now appear in your Layers panel. You can drag them into the correct order based on the layer order image in the GitHub repository folder (OS-Open-Zoomstack-Stylesheets/GeoPackage/QGIS Stylesheets (QML)).

Screenshot of the QGIS Layers panel showing the layer order for map data. The list displays multiple layers arranged in a specific sequence, such as land, roads, buildings, and labels, to ensure correct rendering and styling in the map project
Layer order for OS product

To apply the stylesheets. Right click on a layer and go to Properties. Under the Symbology tab, go to Style > Load Style.

In the Database Styles Manager, select โ€˜From Fileโ€™ under Load style and then select the โ€˜โ€ฆโ€™ next to File to browse for your style file.

Navigate to the GitHub repo you downloaded with the styles in it. Navigate to the correct data format folder โ€“ in this case the GeoPackage folder.

Next navigate to the stylesheets for the software youโ€™re using (QGIS Stylesheets) and then your preferred style e.g. Outdoor style. Finally select the .qml file for the specific layer you need.

Screenshot of the QGIS interface showing the window for adding QML files. The dialog allows users to browse and select QML stylesheet files to apply predefined map styles to layers within a QGIS project
Windows file location for QML stylesheets

Click Open and then โ€˜Load Styleโ€™.

Your symbology window should now load with the layer symbology we have pre-designed for you.

Screenshot of the QGIS Layer Properties window showing the Symbology settings. The interface includes options for changing the visual style of a layer, such as color, fill, line style, and symbol type, with a preview of the selected symbology
Layer Properties - Names - Symbology

Click โ€˜OKโ€™

The style has now been applied to this layer. Youโ€™ll now need to repeat this for each layer in turn. For some of our stylesheets e.g. OpenMap Local, you may need to duplicate some of the data layers e.g. roundabout as there are multiple styles relating to this feature class (roundabout casing and roundabout fill).

Note: The styles weโ€™ve created for you will already have viewing scales set meaning that not all layers will be turned on or visible at all viewing scales. If you want to change this or turn on/off other layers to fit your needs, you can.

ArcGIS Pro

Before you open ArcGIS Pro, check the GitHub repo folder to see if there are any fonts that need installing (there arenโ€™t for Zoomstack). If there are, copy the font file (.otf) from the downloaded GitHub repo folder into your systems font directory (on windows machines this is C:\Windows\Fonts).

Screenshot showing the list of files required to use OS Open Zoomstack in ArcGIS Pro. The interface displays folders and files such as layer files, symbol sets, and fonts needed for proper map styling and visualization
OS font

Open ArcGIS Pro and open a new blank Map view.

Before importing your stylesheets, in the labelling ribbon at the top, under the โ€˜Moreโ€™ dropdown, turn on โ€˜Use Maplex Label Engineโ€™.

Screenshot of the ArcGIS Pro interface showing the settings window for enabling the Maplex Label Engine. The dialog includes an option to turn on Maplex for advanced label placement and styling within the map project
Use Maplex label engine

If there is a .dic (dictionary file) for your product (check the GitHub repo folders for this), you will need to load it now. Click the Labelling drop down again, select โ€˜Abbreviation Dictionariesโ€™. Click on โ€˜Optionsโ€™ and choose โ€˜Open From File...โ€™. Navigate to where the .dic is saved and select it. Click Ok.

Note: Open Zoomstack does not have a dictionary file.

Now youโ€™re ready to add your stylesheets. Click on the โ€˜Add Dataโ€™ button in the ribbon at the top.

Screenshot of the ArcGIS Pro interface showing the Add Data window
Add data

Navigate to the stylesheets repo you downloaded from GitHub. Make sure you use the stylesheets for the file type you downloaded (e.g. GeoPackage, shapefile, gml). In this case we want the Geopackage stylesheets. Next navigate to the ESRI stylesheets (LYRX) for ArcGIS Pro.

Note: ArcGIS Pro uses a LYRX file for styling. If this is not available for the product you are using, you can use the LYR file which should work but there may be a few bit you need to tweak. We are working on making LYRX files available for more products.

Navigate to the style you want e.g. OS Open Zoomstack โ€“ Night.lyrx (or .lyr)

Screenshot of the downloaded GitHub repository page showing the layer files available for use in ArcGIS Pro with OS Open Zoomstack. The interface lists downloadable .lyrx layer files organized by map styles.
Navigate to relevant style

Click OK.

The stylesheet will load but will likely appear in the Contents pane with red exclamation marks signalling that it needs to be shown where your data is stored.

Click on one of these exclamation marks. A file explorer window should open allowing you to navigate to where you saved your product data (e.g. Open Zoomstack GeoPackage). Select the layer you need and click โ€˜Addโ€™.

If the file explorer window doesnโ€™t open. Right click on the layer and go to Properties > Source > Set Data Source.

Screenshot of the ArcGIS Pro interface showing the window for setting the data source for a layer. The dialog includes options to browse for the correct dataset, update the file path, and confirm the connection to ensure the layer displays properly
Set data source

The exclamation mark should now disappear. You may need to repeat this process for each layer if it does not fix the other data links automatically.

Some of the layers in the Contents pane may correspond the same data layer as another layer e.g. woodland (national) and woodland (local) both relate to the main.woodland feature class.

The layers should already appear in the correct order however if youโ€™re unsure, there are images showing the recommended layer order in the GitHub repository folder you downloaded.

Note: The stylesheets will already have viewing levels set meaning that not all layers will be turned on or visible at all viewing scales. If you want to change this or turn on/off other layers to fit your needs, you can.

ArcMap

Before you open ArcMap, check the GitHub repo folder to see if there are any fonts that need installing (there arenโ€™t for Zoomstack). If there are, copy the font file (.otf) from the downloaded GitHub repository folder into your systems font directory (on windows machines this is C:\Windows\Fonts).

Screenshot showing the list of files required to use OS Open Zoomstack in ArcGIS Pro. The interface displays folders and files such as layer files, symbol sets, and fonts needed for proper map styling and visualisation
OS font

Open ArcMap and open a new blank Map view.

In the labelling toolbar in the top ribbon, turn on โ€˜Use Maplex Label Engineโ€™. If you canโ€™t see the labelling toolbar, right click on the top ribbon and turn the labelling toolbar on.

Screenshot of the ArcMap interface showing the settings window for enabling the Maplex Label Engine. The dialog includes an option to turn on Maplex for advanced label placement and styling within the map project.
Use Maplex label engine

If there is a .dic (dictionary file) for your data product (check the GitHub repository folders for this), you will need to load this now. Click the Labelling drop down again, select โ€˜Abbreviation Dictionariesโ€™. Click on โ€˜Optionsโ€™ and choose โ€˜Open From File...โ€™. Navigate to where the .dic is saved and select it. Click Ok.

Note: Open Zoomstack does not have a dictionary file

Now youโ€™re ready to add your stylesheets. Click on the โ€˜Add Dataโ€™ button in the ribbon at the top.

Screenshot of the ArcMap interface showing the Add Data window. The dialog includes options for browsing folders, selecting spatial datasets, and adding them to the current map project
Add data

Navigate to the stylesheets repository you downloaded from GitHub. You may need to โ€˜Connect To Folderโ€™ to set up a new folder connection.

Screenshot of the ArcMap interface showing the window for navigating to the folder that contains your data. The dialog includes a directory tree and navigation options for selecting the correct folder before adding spatial datasets to the map
New folder connection

Make sure you use the stylesheets for the file type you downloaded e.g. GeoPackage, shapefile, gml. For this tutorial we want the GeoPackage stylesheets. The navigate to the ESRI stylesheets (LYR) for ArcMap.

Navigate to the style you want e.g. OS Open Zoomstack โ€“ Night.lyr

Screenshot of the ArcMap interface showing the window for adding .lyr files. The dialog includes options to browse folders, select layer files, and add them to the current map project to apply predefined symbology and styling
Navigate to relevant style

Click Add.

The stylesheet will load but will likely appear in your Contents pane with red exclamation marks signalling that it needs to be shown where the data is.

Screenshot of the ArcMap Table of Contents panel showing the layers from OS Open Zoomstack. Several layers display red exclamation marks next to their names, indicating broken data source links that need to be repaired
Table of contents

Click on one of these exclamation marks. A file explorer window should open allowing you to navigate to where you saved your product data (e.g. Open Zoomstack GeoPackage). Select the layer you need and click โ€˜Addโ€™.

If the file explorer window doesnโ€™t open. Right click on the layer and go to Properties > Source > Set Data Source.

Screenshot of the ArcMap interface showing the Set Data Source window. The dialog allows users to browse for the correct dataset and update the file path to repair broken links for layers in the map project
Set data source

The exclamation mark should now disappear. You may need to repeat this process for each layer if it doesnโ€™t fix the other data links automatically.

Some of the layers in the Contents pane may correspond the same data layer as another layer e.g. woodland (national) and woodland (local) both relate to the main.woodland feature class.

The layers should already appear in the correct order however if youโ€™re unsure, there are images showing the recommended layer order in the GitHub repository folder you downloaded.

Note: The stylesheets will already have viewing levels set meaning that not all layers will be turned on or visible at all viewing scales. If you want to change this or turn on/off other layers to fit your needs, you can.

Last updated

Was this helpful?