<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 alt role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8186/5449.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8186/5449.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8187/5449.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8187/5449.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8186/5450.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/b.tile.openstreetmap.org/14/8186/5450.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8187/5450.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8187/5450.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8185/5449.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8185/5449.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8188/5449.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/c.tile.openstreetmap.org/14/8188/5449.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8185/5450.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8185/5450.png?w=1200&#038;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 alt role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8188/5450.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt="" role="presentation" src="https://i0.wp.com/a.tile.openstreetmap.org/14/8188/5450.png?w=1200&#038;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 src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-shadow.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-shadow.png?w=1200&#038;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 src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-icon.png?w=1200&#038;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&amp;is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img src="https://i0.wp.com/unpkg.com/leaflet@1.4.0/dist/images/marker-icon.png?w=1200&#038;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="&quot;http://osm.org/copyright&quot;">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: '&copy; <a href=&quot;http://osm.org/copyright&quot;>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>