<![CDATA[<html><head>
<meta name="robots" contents="noindex">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Map Page</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T">
<meta name="x-stylesheet-fallback-test" content="" class="sr-only"><script>!function(a,b,c,d){var e,f=document,g=f.getElementsByTagName("SCRIPT"),h=g[g.length-1].previousElementSibling,i=f.defaultView&&f.defaultView.getComputedStyle?f.defaultView.getComputedStyle(h):h.currentStyle;if(i&&i[a]!==b)for(e=0;e<c.length;e++)f.write('<link href="'+c[e]+'" '+d+"/>")}("position","absolute",["\/lib\/bootstrap\/dist\/css\/bootstrap.min.css"], "rel=\u0022stylesheet\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-ggOyR0iXCbMQv3Xipma34MD\u002BdH\/1fQ784\/j6cY\/iJTQUOhcWr7x9JvoRxT2MZw1T\u0022 ");</script>
<link rel="stylesheet" href="/css/site.css">
</head>
<body class="">
<header>
</header>
<div class="container" style="margin-bottom: 50px;">
<main role="main" class="pb-3">
<meta name="robots" contents="noindex">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Map Page - Boundary Map</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T">
<meta name="x-stylesheet-fallback-test" content="" class="sr-only"><script>!function(a,b,c,d){var e,f=document,g=f.getElementsByTagName("SCRIPT"),h=g[g.length-1].previousElementSibling,i=f.defaultView&&f.defaultView.getComputedStyle?f.defaultView.getComputedStyle(h):h.currentStyle;if(i&&i[a]!==b)for(e=0;e<c.length;e++)f.write('<link href="'+c[e]+'" '+d+"/>")}("position","absolute",["\/lib\/bootstrap\/dist\/css\/bootstrap.min.css"], "rel=\u0022stylesheet\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-ggOyR0iXCbMQv3Xipma34MD\u002BdH\/1fQ784\/j6cY\/iJTQUOhcWr7x9JvoRxT2MZw1T\u0022 ");</script>
<link rel="stylesheet" href="/css/site.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin="">
<script type="text/javascript" src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>
<script type="text/javascript" src="/js/polyfill.min.js"></script>
<script type="text/javascript" src="/js/polyfill-fetch.js"></script>
<script type="text/javascript" src="/js/leaflet-pip.js"></script>
<script type="text/javascript" src="/js/postcode-check.js"></script>
<div class="">
<main role="main">
<div id="if-wrapper" class="if-wrapper" style="width: 600px; height: 400px;">
<div id="mapid" class="map-container leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0" style="position: relative; outline: none;">
<div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(50px, -18px, 0px);"><div class="leaflet-pane leaflet-tile-pane"><div class="leaflet-layer " style="z-index: 1; opacity: 1;"><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 17; transform: translate3d(-895px, -666px, 0px) scale(1.7411);"></div><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 18; transform: translate3d(-158px, -130px, 0px) scale(0.870551);"><img decoding="async" alt role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8186/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(237px, 144px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/a.tile.openstreetmap.org/14/8186/5449.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8186/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(237px, 144px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8187/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(493px, 144px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/b.tile.openstreetmap.org/14/8187/5449.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8187/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(493px, 144px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8186/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(237px, 400px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/b.tile.openstreetmap.org/14/8186/5450.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8186/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(237px, 400px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8187/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(493px, 400px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/c.tile.openstreetmap.org/14/8187/5450.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8187/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(493px, 400px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8185/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(-19px, 144px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/c.tile.openstreetmap.org/14/8185/5449.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8185/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-19px, 144px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8188/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(749px, 144px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/c.tile.openstreetmap.org/14/8188/5449.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8188/5449.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(749px, 144px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8185/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(-19px, 400px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/a.tile.openstreetmap.org/14/8185/5450.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8185/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-19px, 400px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript><img decoding="async" alt role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8188/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded jetpack-lazy-image" style="width: 256px; height: 256px; transform: translate3d(749px, 400px, 0px); opacity: 1;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/a.tile.openstreetmap.org/14/8188/5450.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" alt="" role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8188/5450.png?w=1200&ssl=1" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(749px, 400px, 0px); opacity: 1;" data-recalc-dims="1" /></noscript></div></div></div><div class="leaflet-pane leaflet-shadow-pane"><img decoding="async" src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-shadow.png?w=1200&ssl=1" class="leaflet-marker-shadow leaflet-zoom-animated jetpack-lazy-image" alt style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(131px, 297px, 0px);" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-shadow.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-shadow.png?w=1200&ssl=1" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(131px, 297px, 0px);" data-recalc-dims="1" /></noscript></div><div class="leaflet-pane leaflet-overlay-pane"><svg pointer-events="none" class="leaflet-zoom-animated" width="720" height="359" viewBox="-110 -12 720 359" style="transform: translate3d(-110px, -12px, 0px);"><g><path class="leaflet-interactive" stroke="#3388ff" stroke-opacity="1" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" fill="#3388ff" fill-opacity="0.2" fill-rule="evenodd" d="M109 132L143 75L166 3L214 -15L272 -15L350 39L289 136L249 255L245 285L130 248z"></path></g></svg></div><div class="leaflet-pane leaflet-marker-pane"><img decoding="async" src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-icon.png?w=1200&ssl=1" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive jetpack-lazy-image" alt tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(131px, 297px, 0px); z-index: 297;" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-icon.png?w=1200&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img data-lazy-fallback="1" decoding="async" src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-icon.png?w=1200&ssl=1" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(131px, 297px, 0px); z-index: 297;" data-recalc-dims="1" /></noscript></div><div class="leaflet-pane leaflet-tooltip-pane"></div><div class="leaflet-pane leaflet-popup-pane"></div><div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(1.82454e+06px, 1.21454e+06px, 0px) scale(7131.55);"></div></div><div class="leaflet-control-container"><div class="leaflet-top leaflet-left"><div class="leaflet-control-zoom leaflet-bar leaflet-control"><a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a><a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">−</a></div></div><div class="leaflet-top leaflet-right"></div><div class="leaflet-bottom leaflet-left"></div><div class="leaflet-bottom leaflet-right"><div class="leaflet-control-attribution leaflet-control"><a href="http://leafletjs.com" title="A JS library for interactive maps">Leaflet</a> | © <a href=""http://osm.org/copyright"">OpenStreetMap</a> contributors</div></div></div></div>
<div id="search">
<div id="messages" class="flash-message flash-message-red">Postcode entered is not within the boundary region</div>
<form action="javascript:void(0)" onsubmit="postcodeCheck()" id="searchform" style="padding: 12px;">
<label>Postcode Check:
<input id="postcode" type="text" name="postcode">
</label>
<button id="submit" class="button">Search</button>
</form>
</div>
</div>
<script>
var lat = 51.489894;
var long = -0.118924;
var mymap = L.map('mapid', {zoomSnap: 0.6}).setView([lat, long], 11);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
var json = JSON.parse(
"[{\"type\":\"Feature\",\"properties\":{\"name\":\"G85102 - THE VAUXHALL SURGERY\",\"fill-opacity\":0,\"stroke\":\"#0000FF\",\"stroke-opacity\":1,\"ODSCode\":\"G85102\",\"CCGCode\":\"08K\",\"DCORegion\":\"Q71\",\"Region\":\"Y56\",\"OrgLatitude\":51.489894,\"OrgLongitude\":-0.118924},\"geometry\":{\"type\":\"Polygon\",\"coordinates\":[[[-0.12591,51.48667],[-0.12257,51.4902],[-0.12029,51.49458],[-0.11184,51.49653],[-0.10214,51.49239],[-0.1081,51.48641],[-0.11209,51.47914],[-0.11244,51.47727],[-0.12381,51.47957],[-0.12591,51.48667]]]}}]"
);
var geoJsonFeature = json;
var layer = L.geoJSON(geoJsonFeature).addTo(mymap);
mymap.fitBounds(layer.getBounds(), true);
</script>
</main>
</div>
</main>
</div>
<footer class="border-top footer text-muted">
<div class="container">
© 2021 - GP Boundary Tool
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
</script>
<script>(window.jQuery||document.write("\u003Cscript src=\u0022\/lib\/jquery\/dist\/jquery.min.js\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha256-FgpCb\/KJQlLNfOu91ta32o\/NMZxltwRo8QtmkMRdAu8=\u0022\u003E\u003C\/script\u003E"));</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" crossorigin="anonymous" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o">
</script>
<script>(window.jQuery && window.jQuery.fn && window.jQuery.fn.modal||document.write("\u003Cscript src=\u0022\/lib\/bootstrap\/dist\/js\/bootstrap.bundle.min.js\u0022 crossorigin=\u0022anonymous\u0022 integrity=\u0022sha384-xrRywqdh3PHs8keKZN\u002B8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o\u0022\u003E\u003C\/script\u003E"));</script>
<script src="/js/site.js?v=M_NWkv1X50B_mnplD8xcwSuCiCT0T48sTRMzI9h7PBE"></script>
</body></html>]]>