cityverve / ordnance-survey-maps-demo

A demo of using the CityVerve API with Ordnance Survey Maps

ordnance-survey-maps-demo

This is a demonstration of using the CityVerve API together with Ordnance Survey Maps

Click here to learn more about CityVerve.

Click here to go to the CityVerve Developer Portal.

Click here to see a showcase of working CityVerve apps (including this demo).

Click here to go to the Ordnance Survey developer portal.

Instructions

In order to get this demo working for yourself, you simply need to clone the repo and host the files within your web-server of choice.

Before it will work, however, you need to make two modifications:

CityVerve API Key

At the top of the JavaScript file, you will find the following line of code:

const API_KEY = 'YOUR-KEY-HERE';  // cityverve api key

You need to replace the string YOUR-KEY-HERE with your own personal CityVerve API key. You can get a key (for free) at our Developer Portal. Just follow the steps in our Getting Started guide.

Ordnance Survey Maps API Key

Towards the middle of the JavaScript file, you will find the following line of code:

L.tileLayer ('https://api2.ordnancesurvey.co.uk/mapping_api/v1/service/zxy/EPSG%3A3857/Outdoor%203857/{z}/{x}/{y}.png?key=YOUR-KEY-HERE').addTo (map);

You need to replace the string YOUR-KEY-HERE with your own personal Ordnance Survey Maps API key. You can get a key at the Ordnance Survey Developer Portal.

Have fun, and please do share any cool apps that you make with the CityVerve API.