Display BaseMaps served via ADS on a Leaflet Map

Owned by Kim Stimpson
Last updated: 22 Apr, 2021
1 min read

Problem

Can BaseMaps served via ADS be displayed on a Leaflet Map?

Solution

Astun provide both OS Premium Colour and Greyscale BaseMaps as a Web Mercator XYZ tile service as part of Astun Data Services. These layers use the same tiling scheme as OSM and Google maps and are therefore compatible with Leaflet without having to specify a custom projection.

Example HTML

The URL templates are as follows replacing your-account-name with your Astun Data Services account name.

Base MapURL
Colourhttps://t0.ads.astuntechnology.com/your-account-name/ospremium/tiles/ospremiumwebmerc_EPSG3857/{z}/{x}/{y}.png
Greyscalehttps://t0.ads.astuntechnology.com//your-account-name/ospremium/tiles/ospremiumbwwebmerc_EPSG3857/{z}/{x}/{y}.png

The following code demonstrates adding the OS Premium BaseMap to a Leaflet map you will just need to decide which of the above URL templates you wish to use and update accordingly.