Map Finder - with Outlines - National Library of Scotland

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml/" lang="en" xml:lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Map Finder - with Outlines - National Library of Scotland</title> <meta name="Description" content="Search for all our historic maps by viewing their outlines or bounding box extents visible on a map background" /> <link type="text/css" rel="stylesheet" href="/assets/css/maps-chrome.css?v=20241022" media="screen" /> <link type="text/css" rel="stylesheet" href="/assets/css/maps-chrome-mapviewer.css?v=20241022" media="screen" /> <link type="text/css" rel="stylesheet" href="/assets/css/maps-content-forms.css?v=20241022" media="screen" /> <link type="text/css" rel="stylesheet" href="/assets/css/maps-content-general.css?v=20241022" media="screen" /> <link type="text/css" rel="stylesheet" href="/assets/css/maps-content-mapviewer.css?v=20241022" media="screen" /> <link type="text/css" rel="stylesheet" href="/assets/css/nouislider.css" type="text/css"> <link type="text/css" rel="stylesheet" href="/assets/css/openlayers6.15.css?v=20241022" /> <link rel="stylesheet" href="/assets/css/viewer-print.css" type="text/css" media="print" /> <link type="text/css" rel="stylesheet" href="/assets/css/mobile.css?v=20241022" media="screen and (min-width : 320px) and (max-width : 850px) " /> <link type="text/css" rel="stylesheet" href="https://maps.nls.uk/assets/css/jquery.fancybox.css" /> <link rel="stylesheet" href="/assets/css/ol-ext.css?v=20241022" />  <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script src=https://natlibscot.libanswers.com/load_chat.php?hash=aba58fd4ff00e2846a6ff34866abca38492095ef43725efaa5d4493b89783e56></script> <script type="text/javascript"> window.dataLayer = [{ 'gtm.blocklist': ['nonGooglePixels'] }]; function gtag(){dataLayer.push(arguments);} gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'functionality_storage': 'denied', 'personalization_storage': 'denied', 'security_storage': 'denied', 'ad_personalization': 'denied', 'ad_user_data': 'denied' }); </script> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WN8LDXKJ');</script> </head> <style> #dateIDslider.slider .tooltip.top { margin-top: 8px;} #mapsslider.slider .tooltip.top { margin-top: 22px; } @media only screen and (min-width: 850px) { #findbuttontoggle { position:absolute; top: 55px; left:280px; background-color:#e6e6e6; border: 1px solid #592F57; border-bottom-left-radius: 6px; border-top-left-radius: 6px;padding: 1px 10px 1px 10px; font-size: 14px; -webkit-user-select: none; -ms-user-select: none; user-select: none;} } @media only screen and (max-width: 850px) { #findbuttontoggle { top: 63px; left: auto; margin-left: -20px; background-color:#e6e6e6; border: 1px solid #592F57; border-bottom-left-radius: 6px; border-top-left-radius: 6px;padding: 1px 10px 1px 10px; font-size: 12px; -webkit-user-select: none; -ms-user-select: none; user-select: none; } } // #findbuttontoggle:active{ color:#FFFFFF; } @media only screen and (min-width: 850px) { #findquickbuttontoggle { position:absolute; top: 55px; left:399px; background-color:#9dc1ef; border: 2px solid #592F57; border-bottom-right-radius: 6px; border-top-right-radius: 6px;padding: 0px 10px 0px 10px; font-size: 15px; -webkit-user-select: none; -ms-user-select: none; user-select: none;} } @media only screen and (max-width: 850px) { #findquickbuttontoggle { top: 63px; left: auto; margin-left: 90px; background-color:#9dc1ef; border: 2px solid #592F57; border-bottom-right-radius: 6px; border-top-right-radius: 6px;padding: 0px 10px 0px 10px; font-size: 13px; -webkit-user-select: none; -ms-user-select: none; user-select: none;} } #findquickbuttontoggle:hover{ background-color:#c8d9ef; } @media only screen and (min-width: 50rem) { #disruptionbutton { position:absolute; top: 55px; left:530px; background-color:#F4AB67; border: 2px solid #592F57; border-bottom-right-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; padding: 0px 10px 0px 10px; font-size: 14px; } } @media only screen and (max-width: 50rem) { #disruptionbutton { display: none; } } #disruptionbutton:hover { background-color:#c8d9ef; } #progress { position: absolute; bottom: 0; left: 0; height: 2px; background: rgba(255, 0, 10, 0.4); width: 0; transition: width 250ms; z-index: 1000000000; } /* @media only screen and (min-width: 850px) { #layerSelect {position: absolute; top: 121px; z-index: 20000; left: 350px; -webkit-user-select: none; -ms-user-select: none; user-select: none;} } @media only screen and (max-width: 850px) { #layerSelect { z-index: 20000; left: 5x;} } */ // .ol-scale-line{bottom:70px;left:60px;} @media only screen and (min-width: 850px) { .ol-zoom{bottom:94px;left:.5em;} } @media only screen and (max-width: 850px) { .ol-zoom{bottom:auto;left:.5em;} } #mapViewerFindByPlace #footerMenuSite { padding: 0 50px 0 0; } .s-lch-widget-float { font-size: 8px; } @media only screen and (min-width: 850px) { .s-lch-widget-float-btn { background-color: #e17900 !important; width: 3.0em !important; height: 2.3em !important; padding: 0.25em 0.5em 0.5em 0.5em !important; position: fixed !important; bottom: 2px !important; right: 2px !important; } } .s-lch-widget-float-btn:hover { background-color: #bb5b02 !important; } @media only screen and (max-width: 850px) { .s-lch-widget-float-btn { display: none; } } </style> <body id="mapViewerFindByPlace"> <a class="skiplink" href="#map">Go to map</a> <div id="header" role="banner" style="top:0px !important"> <a href="https://www.nls.uk/" aria-label="National Library of Scotland homepage" aria-label="National Library of Scotland main website"><img id="NLSLogo" src="https://maps.nls.uk/assets/graphics/nls_logo_notext.png" width="147" height="58" alt="National Library of Scotland" aria-label="National Library of Scotland home page" /></a> <h1 id="siteTitle"><a href="https://maps.nls.uk/">Map images</a></h1> <div id="pageTitle"><h2 style="margin:0 !important;border-bottom: 0;display: inline;">Map Finder</h2>  |  <a href="javascript:setURL();" alt="View georeferenced maps of this area as overlays" title="View georeferenced maps of this area as overlays">Georeferenced Maps</a>  |  <a href="javascript:sidebysideURL();" alt="View georeferenced maps of this area in split-screen viewer" title="View georeferenced maps of this area in split-screen viewer">Side by Side</a><br /></div> <div class="container"> <div id="findquickbuttontoggle" ><strong>with Outlines</strong></div> <div id="findbuttontoggle"><a href="javascript:setmarkerURL();">with Marker Pin</a></div> </div>  <script type="text/javascript" src="/assets/scripts/searchText.js"></script> <form action="https://www.google.com/cse" method="get" class="headerSearchForm"> <input type="hidden" name="cx" value="004988112283334510717:dtvnxsp4ug8" /> <input type="hidden" name="ie" value="UTF-8" /> <label for="headerSearchFormSearchBox" style="position: relative;top:6px;">Search:</label> <input type="text" name="q" id="headerSearchFormSearchBox" value="os" autocomplete="off" /> <button type="submit" id="headerSearchFormSubmitButton" value="os"> <span class="visually-hidden">Submit Search</span> </button> </form> <div id="bar" role="navigation"> <p id="URHere"><a href="/">Maps home</a></p> <ul id="digitalOrdersMenu"> <li class="btn viewBasket"><a href="https://auth.nls.uk/digital-orders/?site=maps">View basket</a></li> </ul> </div> </div> <div id="loading"><img src="https://maps.nls.uk/img/loading-247px.gif" width="50px" style="vertical-align: middle" alt="Loading gif" /></div> <div id="exitfullscreen-img" class="hidden"><img src="/geo/img/compress.png" alt="Close full-screen view" width="28" /></div> <button id="show" class="hidden" title="Open Search panel to search with placenames"></button> <div id="fullscreen-img" class="hidden"><img src="/img/fullscreen-48.png" alt="Open full-screen view" width="28" /></div> <div id="searchSideBar" class="hidden" > <div id="searchSideBarheader"> <img src="https://maps.nls.uk/geo/img/move.png" width="30" alt="Move and drag panel" title="Select and drag this panel" /> </div> <button type="button" id="hide2" class="close" aria-label="Close"> <span aria-hidden="true">×</span> </button> <br/> <h2 id="searchSideBarLabel">Search</h2> <fieldset> <legend class="sr-only">Choose different ways of searching to locate the map</legend> <h3 style="z-index:14000; white-space: nowrap; padding: 0"> <fieldset> <legend class="sr-only">Choose between searching UK or World placenames</legend> <label id="nlsgazplacenames">Modern Placenames</label> <input type="radio" id="nlsgazareauk" name="nlsgazarea" title="United Kingdom places" value="uk" aria-labelledby="nlsgazareauk-label" checked /> <label id="nlsgazareauk-label" for="nlsgazareauk">UK</label> <input type="radio" id="nlsgazareaworld" name="nlsgazarea" title="World places" value="" aria-labelledby="nlsgazareaworld-label" /> <label id="nlsgazareaworld-label" for="nlsgazareaworld">World</label> </fieldset> </h3> <div class="tooltip2"> <div role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-listbox" aria-controls="nlsgaz" aria-labelledby="nlsgazplacenames" >  <label id="nlsgaz-label" for="nlsgaz" class="visually-hidden"> Enter a current placename (e.g., towns, farms, streets) to search for a location </label> <input type="text" autocomplete="off" id="nlsgaz" name="nlsgaz" role="searchbox" aria-autocomplete="list" aria-describedby="search-description-nls tooltip-description-nls" aria-expanded="false" onfocus="if(this.value == 'Type a modern placename...') { this.value = ''; }" onblur="this.value=!this.value?'Type a modern placename...':this.value;" value="Type a modern placename..." /> </div>  <p id="search-description-nls" class="visually-hidden"> Enter a current placename (e.g., towns, farms, streets) to search for a location. </p>  <span id="tooltip-description-nls" class="tooltiptext" > Search using a current placename (e.g., towns, farms, streets) from Nominatim / OpenStreetMap, as well as the Definitive Gazetteer for Scotland. </span> </div> </fieldset> <div id="ngrsearch" > <h3 style="z-index:14000;"><label for="ngrgaz">National Grid Ref., Lat,Lon or Postcode:</label></h3> <div class="tooltip2"> <p style="z-index:14000;white-space: nowrap;display: inline-block;"> <p style="z-index:14000;white-space: nowrap;display: inline-block;margin-right:5px;"><input type="search" autocomplete="off" id="ngrgaz" onfocus="if(this.value == 'Type NGR, lat,lon or postcode...') { this.value = ''; }" onblur="this.value=!this.value?'Type NGR, lat,lon or postcode...':this.value;javascript:document.getElementById('search-button-ngrgaz').style.color = '#706e6e';" value="Type NGR, lat,lon or postcode..." name="ngrgaz" role="searchbox" aria-describedby="search-description-ngr" aria-controls="search-button-ngrgaz" /> <p id="search-description-ngr" class="visually-hidden">Enter a National Grid Reference, latitude/longitude, or postcode to search for a location</p> <button id="search-button-ngrgaz" type="button" aria-label="Submit this postcode or Grid Reference" aria-controls="ngrgaz" onclick="javascript:postcodegaz(document.getElementById('ngrgaz').value)">Submit</button></p> <span class="tooltiptext">Search using a National Grid Reference in various forms:<br/>"NT27", "NT 263 721", "NT263721", "NT2637572134", "326375,672134", <br/>or latitude,longitude: "52.456,-2.123",<br/> or Postcode "EH", "EH9", "EH9 1", "EH9 1SL", "EH91SL" </span> </div>   </div> <div id="trenchmapsearch" style="padding: 5px; background-color:rgba(0, 0, 153, 0.1); border-radius:1px; margin-bottom: 3px";> <p><label for="searchtrenchmap">Trench Map Coordinates:</label></p> <div class="tooltip2"> <input type="search" autocomplete="off" id="searchtrenchmap" style="width:215px;" onfocus="if(this.value == 'Type Trench Map Coordinates...') { this.value = ''; }" onblur="this.value=!this.value?'Type Trench Map Coordinates...':this.value;" value="Type Trench Map Coordinates..." /> <span class="tooltiptext">Search using Trench Map Coordinates, eg.<br/>28.I.8<br/>36C.S.22.c<br/>62d.J.19.b.4.3</span> </div>   </div> <div id="countysearch"> <h3><label for="county" id="search-county-label">Search County:</label> </h3> <div class="tooltip2"> <select id="county" name="county" aria-labelledby="search-county-label" aria-describedby="county-description"></select> <p id="county-description" class="tooltiptext">Search using counties and parishes from the 1950s</p> <span class="tooltiptext">Search using counties and parishes from the 1950s</span> </div>   <h3 id="parish_span"><label for="parish" id="search-parish-label">Parish:</label></h3> <select id="parish" name="parish" aria-labelledby="search-parish-label" aria-describedby="parish-description" class="hidden"></select> <p id="parish-description" class="visually-hidden">Select a parish within the chosen county</p> </div> <div id="trackgeolocation" style="margin-top:5px"><div class = "searchPanel-img"><img src="/img/geolocation.png" alt="Use geolocation" width="28" /></div> <label for="track" id="tracklabel"> Show my location?</label> <input id="track" type="checkbox" name="track" aria-labelledby="tracklabel" /> <div id="zoomtogeolocation" class="prevent-select" class="hidden" ></div> <div id="info" style="display: none;"></div> </div> </fieldset> </div> </div> <button id="showlayersOutlines" title="Choose map overlay layers for searching" class="hidden"> </button> <div id="layersSideBarOutlines" class="hidden"> <div id="layersSideBarOutlinesheader"> <img src="https://maps.nls.uk/geo/img/move.png" width="30" alt="Move and drag panel" title="Select and drag this panel" /> </div> <button type="button" id="hidelayers" class="close" aria-label="Close"> <span aria-hidden="true">×</span> </button> <br /> <h4 style="margin-top:10px;">Choose maps: (select from both lists)</h4> <div id="overlaySelectNodeselect"> <div class="tooltip4"> <select id="overlaySelectNode" style="max-width:250px" onchange="javascript:loadOverlayNode();switchOverlay();" onfocus="geolocationMobileCheck();" title="Select map group" aria-label="Select a group of maps to view the outlines for"></select> <span class="tooltiptext">Select a group of maps to view the outlines for</span> </div>   </div> <div id="overlaySelectLayerselect"> <div class="tooltip2"> <select id="overlaySelectLayer" onchange="javascript:switchOverlay();" onfocus="geolocationMobileCheck();" title="Select map layer" aria-label="Select a overlay layer"></select> <span class="tooltiptext">Select a single map layer from the group above to view the outlines for</span> </div>   <p id="zoomtoextent" ><a href="javascript:zoomtoextent();">Zoom to this map / map series</a></p> </div> <div id="layerinfo" style="padding: 3px; background-color:rgba(0, 0, 153, 0.1); border-radius:1px; margin-bottom: 5px"></div> <div id="date"> <h4 style="margin: 10px;font-size:0.9em;"><label for="dateslider" id="datesliderlabel">Filter by date:</label></h4> <div class="slider-styled" id="slider"> <div id="lower-value-label" style="display: none;"> Slider Minimum Value </div> <div id="upper-value-label" style="display: none;"> Slider Maximum Value </div> </div> </div> <div id="selectionfilter" style="margin-top:5px;"> <label for="selectionfiltercheckbox" id="selectionfiltercheckboxlabel"> Show just one sheet from each edition?</label> <div class="tooltip2"> <input id="selectionfiltercheckbox" type="checkbox" title="Filter the maps to show just one map from each edition" aria-labelledby="selectionfiltercheckboxlabel"/> <span class="tooltiptext">Filter the returned maps to show just one map from each edition - ie. only those incorporating more significant landscape revision</span> </div>   </div> <div id="oneinchlink"></div> </div> <div id = "transparency" class="hidden" > <h4 id="transparencyboxes"><label for="slider-round" id="mapsliderlabel">Change transparency of boxes:</label></h4> <div class="slider-round" id="slider-round"> <div id="value-label" style="display: none;"> Slider Value </div> </div> </div> <div id="zoomtoextents" class="hidden"> <label for="zoom2extent"> Zoom to selected map extents? <input id="zoom2extent" type="checkbox" /> </label> </div> <div id="Modal" class="modal">  <div class="modal-content"> <span class="modal-close">×</span> <div id="modal-text"></div> </div> </div> <div id="showmaplocationinfo" class="hidden"></div> <div id="backgroundmapselect"> <label id="select-label" for="layerSelect">Choose map background layer</label> <select id="layerSelect" onchange="changemap(this.selectedIndex)" onfocus="geolocationMobileCheck();" title="change background layer" role="listbox" aria-expanded="false" aria-haspopup="listbox"></select> </div> <div id="showLayersInfo" class="hidden"></div> <div id="map" aria-labelledby="pageTitle" role="region" tabindex="0" tabindex="0"> </div> <div id="geolocation-img" class="hidden"><img src="/img/geolocation.png" alt="Find current location" width="28" /></div>  <div id="resultsSideBar" class="hidden"> <button type="button" id="hideResults" class="close" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div id="resultsheader"></div> <div id="results"><br/><p id=\"noMapsSelected\">No maps selected - please <strong>click on a coloured box</strong> on the map to the left that covers the area you are interested in.<br/></div> </div> <div id="progress"></div> <div id="footermobile" class="hidden"> <ul id="footerMenuViewermobile"> <li class="footerhelpmobile"><a href="help.html">Help</a></li> </ul> </div> <div id="footer"> <ul id="footerMenuViewerHelp"> <li><a href="help.html" title="Guidance on how to use this viewer" target="_blank">Help</a></li> </ul>  <ul id="footerMenuSite"> <li><a href="/cookies.html" title="About the cookies we use on this website">Use of cookies</a></li> <li><a href="/site-map.html" title="Browseable overview of this maps website">Site map</a></li> <li><a href="/contact.html" title="Contact details for enquiries">Contact</a></li> <li><a href="/about.html" title="Brief summary about this maps website">About</a></li> </ul> </div> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="/geo/scripts/wNumb.min.js"></script> <script type="text/javascript" src="/geo/scripts/nouislider.js"></script> <script type="text/javascript" src="/assets/scripts/searchText.js"></script> <script type="text/javascript" src="../scripts/proj4.js"></script> <script src="https://unpkg.com/elm-pep@1.0.6/dist/elm-pep.js"></script> <script type="text/javascript" src="../scripts/ol_6_15_1.js"></script> <script type="text/javascript" src="../scripts/gaz.js?v=20241022"></script> <script type="text/javascript" src="/geo/scripts/ol-ext-latest.js?v=20241022"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script> <script type="text/javascript" src="/geo/scripts/FileSaver.min.js"></script> <script type="text/javascript" src="../scripts/conversion.js"></script> <script type="text/javascript" src="/geo/scripts/20241022/find-ol6.js"></script> <script type="text/javascript" src="/geo/scripts/20241022/filecachecheck.js"></script> <script> const filecacheversion = 20241022 jQuery("#show").hide(); jQuery("#zoomtoextents").hide(); jQuery("#showlayersOutlines").hide(); jQuery("#hide").click(function(){ jQuery("#searchSideBar").hide(); }); jQuery("#hideResults").click(function(){ jQuery("#resultsSideBar").hide(); resultsheaderclear(); }); jQuery("#hide2").click(function(){ jQuery("#searchSideBar").hide(); jQuery("#show").show(); }); jQuery("#hidelayers").click(function(){ jQuery("#layersSideBarOutlines").hide(); jQuery("#date").hide(); jQuery("#showlayersOutlines").show(); }); jQuery("#showlayersOutlines").click(function(){ jQuery("#layersSideBarOutlines").show(); checkdateandresize(); jQuery("#date").show(); jQuery("#showlayersOutlines").hide(); }); jQuery("#show").click(function(){ jQuery("#searchSideBar").show(); jQuery("#show").hide(); jQuery("#layersSideBarOutlines").hide(); jQuery("#showlayersOutlines").show(); }); function openFancy(){ setTimeout( function() {$('#autoStart').trigger('click'); },500); // show after a half-second } // create cookie on button click function dontShow(){ $.fancybox.close(); // optional $.cookie('NLS-visited-find', 'yes', { expires: 80 }); // expiration in 60 days } /* $(document).ready(function() { var visited = $.cookie('NLS-visited-find'); // create cookie 'visited' with no value if (visited == 'yes') { return false; } else { openFancy(); // cookie has no value so launch fancybox on page load } if ( $(window).height() >= 400 ) { $('#autoStart').fancybox({ closeClickOutside : true, onComplete: function() { if(history.pushState) { history.pushState(null, null, '#'); } else { location.hash = '#'; } } }); } }); */ $(document).ready(function() { $("#show").removeClass("hidden"); $("#fullscreen-img").removeClass("hidden"); $("#resultsSideBar").removeClass("hidden"); $("#searchSideBar").removeClass("hidden"); $("#layersSideBarOutlines").removeClass("hidden"); $("#zoomtoextents").removeClass("hidden"); $("#footermobile").removeClass("hidden"); $("#showlayersOutlines").removeClass("hidden"); $("#geolocation-img").removeClass("hidden"); $("#exitfullscreen-img").removeClass("hidden"); $("#showmaplocationinfo").removeClass("hidden"); $("#layerSelect").removeClass("hidden"); $("#transparency").removeClass("hidden"); // if ($("#resultsSideBar").is(":visible")) { jQuery("#resultsSideBar").focus(); } map.addControl(new ol.control.CanvasTitle({ title: 'my title', visible: false, style: new ol.style.Style({ text: new ol.style.Text({ font: '20px "Lucida Grande",Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif'}) }) })); // Print control var printControl = new ol.control.PrintDialog(); printControl.setSize('A4'); map.addControl(printControl); map.addControl(new ol.control.CanvasAttribution({ canvas: true })); map.addControl(new ol.control.CanvasScaleLine()); printControl.on(['print', 'error'], function(e) { // Print success if (e.image) { if (e.pdf) { // Export pdf using the print info var pdf = new jsPDF({ orientation: e.print.orientation, unit: e.print.unit, format: e.print.size }); pdf.addImage(e.image, 'JPEG', e.print.position[0], e.print.position[0], e.print.imageWidth, e.print.imageHeight); console.log("e.print.imageHeight: " + e.print.imageHeight); pdf.save(e.print.legend ? 'legend.pdf' : 'map.pdf'); } else { // Save image as file e.canvas.toBlob(function(blob) { var name = (e.print.legend ? 'legend.' : 'map.')+e.imageType.replace('image/',''); saveAs(blob, name); }, e.imageType, e.quality); } } else { console.warn('No canvas to export'); } }); }); </script> <script src="/assets/scripts/cookieControl-9.x.min.js"></script> <script> var config = { accessibility: { highlightFocus: true }, apiKey: '3d9230ebba83d7ae7c0ddd3135c1ba1fe3b8af77', product: 'PRO', initialState: "notify", notifyDismissButton: "false", subDomains: true, logConsent: true, consentCookieExpiry: 90, necessaryCookies: ['JSESSIONID', 'UID', 'PSET', 'CF*', 'SSA*', 'NLS*'], optionalCookies: [ { name : 'analytics', label: 'Analytical Cookies', description: 'Analytical cookies help us to improve our website by collecting and reporting information on its usage. Even if set to On, your IP address is anonymized.', cookies: ['_ga', '_ga*', '_gid', '_gat', '__utma', '__utmt', '__utmb', '__utmc', '__utmz', '__utmv'], recommendedState: true, onAccept : function(){ gtag('consent', 'update', {'analytics_storage': 'granted'}); }, onRevoke: function(){ gtag('consent', 'update', {'analytics_storage': 'denied'}); }, initialConsentState : 'off' } ], position: 'LEFT', theme: 'DARK', branding: { backgroundColor: "#037bc1", toggleColor: "#0077a7", toggleBackground: "#2f2f5f", removeIcon: true, removeAbout: true } }; CookieControl.load( config ); </script> </body> </html>

CINXE.COM

Map Finder - with Outlines - National Library of Scotland