CINXE.COM
OS NGD API – Features | Examples
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>OS NGD API – Features | Examples</title> <link rel="icon" type="image/x-icon" href="/os-favicon.ico" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i" /> <link rel="stylesheet" href="/public/assets/css/layout.css" /> </head> <body> <div class="header"> <div class="logo"> <img src="/static/media/os-logo-charcoal.svg" alt="Ordnance Survey logo"> </div> </div> <div class="container"> <zero-md no-shadow> <template src="/public/assets/blank.md" no-auto> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5/github-markdown-light.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11/styles/github.min.css" /> <link rel="stylesheet" href="/public/assets/css/markdown.css"> </template> </zero-md> </div> <script src="https://www.ordnancesurvey.co.uk/os-js/cookie-control/cookie-control.min.js"></script> <script src="https://www.ordnancesurvey.co.uk/os-js/cookie-control/os-labs.min.js"></script> <script type="module" src="https://cdn.jsdelivr.net/npm/zero-md@3?register"></script> <script type="module" src="https://cdn.jsdelivr.net/npm/anchor-js/anchor.min.js"></script> <script> const app = document.querySelector('zero-md'); app.src = `README.md?_=${new Date().getTime()}`; app.addEventListener('zero-md-rendered', () => { const body = app.querySelector('.markdown-body'); const origin = window.location.protocol + '//' + window.location.host; body.innerHTML = body.innerHTML.replace(/https:\/\/labs.os.uk/g, origin); anchors.add('h3, h4, h5, h6'); }); </script> <style> body *:focus { box-shadow: unset !important; } #ccc *:focus { box-shadow: 0 0 0 0.2rem #fb0, 0 0 0 0.4rem #333 !important; } </style> </body> </html>