This repo contains working examples of how to use some of the products provided by the OS Data Hub. The OS Data Hub is a service providing access to Ordnance Survey data as part of the Open MasterMap Implementation Programme.
Please note that the OS Maps API provided by the OS Data Hub is separate from the OS Maps API for Enterprise. For help with OS Maps API for Enterprise see the separate API docs and demos.
All of the examples work with current web browsers. Internet Explorer is not supported.
The airports example also requires Node.JS.
Each of the demos needs an API key to access the OS Data Hub APIs.
Register for API keys using the OS Data Hub:
- Sign up to the OS Data Hub, and create a project
- Add both the OS Maps API and OS Features API to your project
- Copy the API key from the project page
These examples are relatively simple, and are a good place to start understanding how to integrate the OS Data Hub APIs into a web application.
These examples use plain HTML, CSS and JavaScript. You can run them by opening the index.html in each folder, or you can serve the examples using a web server, for example live-server.
The airports example is a little more complex. It displays a map provided by the OS Maps API, and overlays the map with features loaded from the OS Features API. We search for features that are airports within the current extent of the map, and draw the feature geometry on top of the map. Each airport is clickable, allowing you to see the additional feature properties that were returned from the WFS query.
The airports example uses a small server to serve the web application and to act as a proxy for the OS Data Hub APIs.
This proxy allows you to embed an API key into the server without exposing the API key to the end users of the application.
To run the sample, install Node.JS and then run the following commands from the Airports directory:
npm install npm start <API key>
Note: A production application would need to add extra protection to the server, to ensure that the only people able to make API calls through the proxy are legitimate users of your application. Failure to do so would allow malicious users to make API requests with your API key, even though they do not have direct access to it.
These demos are released under the Apache 2.0 License
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent