MAGIC Help

<!DOCTYPE html> <html lang="en"> <head>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-MSW0E70EEM"></script> <script> // Disable tracking if the opt-out cookie exists. var allowga = false; var disableStr = 'ga-disable-G-MSW0E70EEM'; if (document.cookie.indexOf('cookieconsent_magic') != -1) { var name = "cookieconsent_magic="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); var cookie; for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { cookie = c.substring(name.length, c.length); } } if (cookie == "ga_optin") { allowga = true; } else if (cookie == "ga_optout") { window[disableStr] = true; //this is what disables the tracking, note the measurement ID } if (allowga) { window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-MSW0E70EEM'); } else { window[disableStr] = true; } } else { window[disableStr] = true; window.location.replace("home.htm"); } </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="The MAGIC website provides authoritative geographic information about the natural environment from across government. The information covers rural, urban, coastal and marine environments across Great Britain. It is presented in an interactive map which can be explored using various mapping tools that are included. Natural England manages the service under the direction of a Steering Group who represent the MAGIC partnership organisations."> <meta name="keywords" content="MAGIC, DEFRA, map, application, environment, countryside" />  <title>MAGIC Help</title> <link href="Content/bootstrap.css" rel="stylesheet" />  <link href="css/bootstrapMagic.css" rel="stylesheet" /> <link href="css/backToTop.css" rel="stylesheet" /> <link rel="shortcut icon" href="images/favicon.png" type="image/png" /> <link rel="apple-touch-icon" href="images/favicon.png" type="image/png" /> <link rel="icon" type="image/x-icon" href="images/favicon.ico" /> <style type="text/css"> .highlight { background-color: #fff34d; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3-4 */ border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */ -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */ } .highlight { padding: 1px 4px; margin: 0 -4px; } </style> </head> <body class="pages"> <div id="header"> <nav class="navbar navbar-toggleable fixed-top navbar-light bg-faded"> <div class="container"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarTogglerMagic" aria-controls="navbarTogglerMagic" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand pt-2 pb-2" href="home.htm"> <img src="images/Logo.png" alt="MAGIC Home" width="147" height="35" /> </a> <div class="collapse navbar-collapse" id="navbarTogglerMagic"> <ul class="navbar-nav mr-auto"></ul> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="menuMaps" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> MAPS </a> <div id="submenuMaps" class="dropdown-menu" aria-labelledby="menuMaps"> <a class="dropdown-item" href="MagicMap.aspx">Interactive Map</a> <a class="dropdown-item" href="Dataset_Download_Summary.htm">Dataset Listings and Download Options</a> <a class="dropdown-item" href="Static_Maps.htm">Static Maps Download</a> <a class="dropdown-item" href="Help_text.htm#InteractiveMapHelp">Map Help</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="menuNews" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> NEWS </a> <div id="submenuNews" class="dropdown-menu" aria-labelledby="menuNews"> <a class="dropdown-item" href="News_Latest.htm">Latest News</a> <a class="dropdown-item" href="News_Dataset.htm">Dataset Update Dates</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="menuAbout" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ABOUT </a> <div id="submenuAbout" class="dropdown-menu" aria-labelledby="menuAbout"> <a class="dropdown-item" href="About_MAGIC.htm">About MAGIC</a> <a class="dropdown-item" href="About_Publishing_Data.htm">Publish Data on MAGIC</a> <a class="dropdown-item" href="About_Legal.htm">Legal Information</a> <a class="dropdown-item" href="About_Contact.htm">Contact Information</a> <a class="dropdown-item" href="About_Privacy.htm">Privacy Notice and Cookies</a> <a class="dropdown-item" href="About_Accessibility.htm">Accessibility</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="menuHelp" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> HELP </a> <div id="submenuHelp" class="dropdown-menu" aria-labelledby="menuHelp"> <a class="dropdown-item" href="Help_text.htm">Help Library</a> <a class="dropdown-item" href="Help_FAQ.htm">FAQ</a> <a class="dropdown-item" href="Help_Working.htm">Working with Maps</a> </div> </li> </ul> </div> </div> </nav> </div> <div id="pageTitle" class="container">  <h1 class="pb-3">Help Library</h1> </div> <div id="content" class="container content text-justify">  <p><a class="nav-link" href="#searchHelp">Search the Help Library</a></p> <div> <h5>Website Help</h5> <ul class="list-unstyled"> <li><a class="nav-link" href="#SiteNavigation">Navigating the Website</a></li> <li><a class="nav-link" href="#LaunchMap">Launching the Interactive Map</a></li> <li><a class="nav-link" href="#DownloadDataset">Downloading a Dataset</a></li> <li><a class="nav-link" href="#StaticMaps">Static Maps</a></li> </ul> </div> <div> <h5 id="InteractiveMapHelp" class="anchorOffset">Interactive Map Help</h5> <ul class="list-unstyled"> <li><a class="nav-link" href="#TOC">Using The Table of Contents (ToC)</a></li> <li><a class="nav-link" href="#MapSearch">Searching the Map</a></li> <li><a class="nav-link" href="#MapNavigation">Navigating around the Map</a></li> <li><a class="nav-link" href="#MapScale">Changing the Map Scale</a></li> <li><a class="nav-link" href="#MapTools">Map Tools</a></li> <li><a class="nav-link" href="#DrawingTools">Using the Drawing Tools</a></li> <li><a class="nav-link" href="#SearchLayer">Searching the Map Layers (Search for a feature)</a></li> <li><a class="nav-link" href="#MeasureTool">Using the Measure Tool</a></li> <li><a class="nav-link" href="#WhereAmI">Using the Where Am I Tool</a></li> <li><a class="nav-link" href="#Identify">Using the Identify Feature Tool</a></li> <li><a class="nav-link" href="#SiteCheck">Using the Site Check Tool</a></li> <li><a class="nav-link" href="#ClearSelected">Using the Clear Selected Feature Tool</a></li> <li><a class="nav-link" href="#Print">Using the Print Tool</a></li> <li><a class="nav-link" href="#Bookmark">Using the Bookmark Map Tool</a></li> <li><a class="nav-link" href="#Legend">Using the Legend Tool</a></li> <li><a class="nav-link" href="#SearchToC">Searching for a Dataset</a></li> <li><a class="nav-link" href="#LoadUserData">Using the Load User Data Tool</a></li> <li><a class="nav-link" href="#DataVisiblityTool">Using the Data Visibility Tool</a></li> <li><a class="nav-link" href="#Projections">Using the Change Projection Tool</a></li> </ul> </div> <form id="searchHelp" class="anchorOffset pb-3"> <div class="form-group row"> <label for="text-search" class="col-sm-2 col-form-label">Search Help Library:</label> <div class="col-sm-5"> <input type="text" class="form-control" id="text-search" placeholder="" /> </div> <div class="col-sm-5 col-form-label"> <span id="message">Scroll down to see highlighted words</span> </div> </div> </form> <div id="working">  <div id="LaunchMap" class="anchorOffset pb-3"> <h5>Launching the Interactive Map<a data-toggle="modal" data-target="#launchingMapVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Launching the Interactive Map" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="launchingMapVideo" aria-labelledby="launchingMapModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="launchingMapModal">Launching the Interactive Map</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/LaunchingMap.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p>From the MAGIC home page, the interactive mapping tool can be accessed in two ways:</p> <ol class="pl-3"> <li>Hover the mouse pointer over the ‘Maps’ box, at the top-right of the screen. From the drop-menu, select the ‘Interactive Map’ option:</li> </ol> <img src="images/help/LaunchinMap.png" alt="Interactive Map" class="img-fluid img-help" width="334" height="191" /> <ol class="pl-3" start="2"> <li>Simply click the large ‘Get Started’ button:</li> </ol> <img src="images/help/LaunchingMap_button.png" alt="Get Started" class="img-fluid img-help" width="336" height="193" /> </div>  <div id="SiteNavigation" class="anchorOffset pb-3"> <h5>Navigating the Website<a data-toggle="modal" data-target="#navigatingWebsiteVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Navigating the Website" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="navigatingWebsiteVideo" aria-labelledby="navigatingWebsiteModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="navigatingWebsiteModal">Navigating the Website</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/NavigatingWebsite.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> The MAGIC website is intuitive, and offers a fluid user experience. As an aid, these navigational pointers may be of some benefit. <br /> Any standard link that can be clicked will be displayed as a generic blue hyperlinked text element: </p> <img src="images/help/NavigatingWebsite_hyperlinks.png" alt="Hyperlink" class="img-fluid img-help" width="410" height="200" /> <p> Some buttons will act as drop-menus. These do not need to be clicked. Simply hovering the pointer over the element will show the embedded options nested within: </p> <img src="images/help/NavigatingWebsite_dropdownmenu.png" alt="Dropdown Menu" class="img-fluid img-help" width="336" height="192" /> <p> Some of the elements within the Interactive Map have an arrow inset. Clicking the arrow will drop-down the menu options: </p> <img src="images/help/NavigatingWebsite_arrow.png" alt="Menu With Arrow" class="img-fluid img-help" width="440" height="180" /> <p> Table of Contents elements, in the Interactive Map, will have a + or a – symbol beside each text identifier. Clicking the + will expand the accordion down, and show the data elements within it. When the symbol is a -, there are no deeper data layers to expose: </p> <img src="images/help/NavigatingWebsite_tocElements.png" alt="Table of Contents" class="img-fluid img-help" width="293" height="317" /> </div>  <div id="DownloadDataset" class="anchorOffset pb-3"> <h5>Downloading a Dataset<a data-toggle="modal" data-target="#downloadDatasetVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Downloading a Dataset" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="downloadDatasetVideo" aria-labelledby="downloadDatasetModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="downloadDatasetModal">Downloading a Dataset</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive" controls controlslist="nodownload" preload="none"> <source src="video/DownloadDataset.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> From the home page scroll the cursor over the Maps tab and select Dataset Download from the drop down list </p> <img src="images/help/Download_dataset.png" alt="Dataset Download" class="img-fluid img-help" width="336" height="192" /> <p> The downloadable datasets are split into 2 options, those that are directly available from the site and those which are available from an external website. </p> <img src="images/help/Download_datasetOptions.png" alt="Download options" width="787" height="627" class="img-fluid img-help" /> <p> Direct Download - From the Dataset column, find the desired data and click on the hyperlink. </p> <img src="images/help/Download_datasetTerms.png" alt="Direct Download Terms and Conditions" class="img-fluid img-help" width="741" height="957" /> <p> You are met with a Terms and Conditions page which you must Accept to obtain the Dataset. </p> <p> You are then shown the Datasets which can be downloaded in two common mapping formats. To begin the download, click on the preferred file type. </p> <img src="images/help/Download_datasetFiles.png" alt="Direct Download Files Options" class="img-fluid img-help" width="787" height="339" /> <p> Link to Website - From the Dataset column, find the desired data and click on the hyper link. </p> <img src="images/help/Download_datasetWebsite.png" alt="Link to website" class="img-fluid img-help" width="789" height="957" /> </div>  <div id="StaticMaps" class="anchorOffset pb-3"> <h5>Static Maps<a data-toggle="modal" data-target="#staticMapsVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Static Maps" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="staticMapsVideo" aria-labelledby="staticMapsModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="staticMapsModal">Static Maps</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/StaticMaps.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> Static maps have been produced for a number of individual datasets, where the data is not always visible in the interactive map, for example where scale thresholds are imposed on datasets that are too large to be viewed at national scale. </p> <p> From the home page scroll the cursor over the Maps tab and select Static Maps from the drop down list. </p> <img src="images/help/Download_staticMap.png" alt="staticmaps" class="img-fluid img-help" width="336" height="192" /> <p> Click on the Name hyperlink to view, print or download the relevant map. </p> <img src="images/help/Download_staticMapOptions.png" alt="staticmapsdownload" class="img-fluid img-help" width="787" height="627" /> <p> The static map will open in a new tab. The location of the Download and Print options will depend on the browser being used. For example with FireFox the print and download options will be at the top right of the screen, as shown below: </p> <img src="images/help/StaticMap.png" alt="staticmapsbrowser" class="img-fluid img-borderless" width="789" height="779" /> </div>  <div id="MapNavigation" class="anchorOffset pb-3"> <h5>Navigating around the Map<a data-toggle="modal" data-target="#navigatingMapVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Navigating around the Map" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="navigatingMapVideo" aria-labelledby="navigatingMapModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="navigatingMapModal">Navigating around the Map</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/MapNavigation.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> The Interactive Map can be navigated in two main ways: </p> <ol class="pl-3"> <li>The navigation tools (as pictured) offers a number of options for navigation:</li> </ol> <img src="images/help/NavigatingMap.png" alt="Navigation Tool" class="img-fluid img-help" width="280" height="200" /> <p> <span>The top circle allows the map to be navigated in standard compass directions, by clicking the relevant direction.</span><br /> <span>The Zoom to Full Extent Tool can now be found in the centre of the compass. The function has always been available in the drop down scale bar but it has now been also added to the interactive map for ease of use. The Zoom to Full Extent Tool allows you to zoom to the full extent of the map therefore allowing certain datasets to be viewed at national level.</span><br /> <span>The middle arrows are for Previous Extent and Next Extent. Clicking these will move to the last, and the next successive view extent that was viewed.</span><br /> <span>The bottom + and – buttons are for zooming in and out of the mapping view.</span> </p> <ol class="pl-3" start="2"> <li> Simply click the large ‘Get Started’ button: <ul class="pl-3"> <li>Scroll wheel will zoom in and out.</li> <li>Left click, hold and drag will manually pan around the map extent. </ul> </li> </ol> </div>  <div id="MapScale" class="anchorOffset pb-3"> <h5>Changing the Map Scale<a data-toggle="modal" data-target="#mapScaleVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Changing the Map Scale" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="mapScaleVideo" aria-labelledby="mapScaleModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="mapScaleModal">Changing the Map Scale</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/MapScale.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> The current MAGIC interactive map scale is always displayed in the Set Map Scale box which can be found at the top-right of the interactive map page: </p> <img src="images/help/MapScale.png" alt="Map Scale" class="img-fluid img-help" width="440" height="240" /> <p> There are 3 simple ways to change the map scale in MAGIC: </p> <ol class="pl-3"> <li>Using a pre-set scale</li> </ol> <p> To select from a pre-set range of popular scales, click on the down arrow and select a scale from the drop down list: </p> <img src="images/help/MapScale_change.png" alt="Predefined Map Scales" class="img-fluid img-help" width="440" height="400" /> <ol class="pl-3" start="2"> <li>Define your own scale</li> </ol> <p> If you want the map displayed at a scale that is not listed you can delete the scale that appears in the dark blue box and enter your own scale. Click return and the map will be displayed at your chosen scale: </p> <img src="images/help/MapScale_define.png" alt="Define Map Scale" class="img-fluid img-help" width="440" height="240" /> <ol class="pl-3" start="3"> <li>Clicking the <img src="images/help/NavigatingMap_zoomIn.png" alt="Change Map Scale - Zoom In" class="img-fluid" width="25" height="24" /> or <img src="images/help/NavigatingMap_zoomOut.png" alt="Change Map Scale - Zoom Out" class="img-fluid" width="25" height="24" /> navigation icons on the map to zoom in or out of the map. This will change the map scale by ±50% for each click:</li> </ol> <img src="images/help/Navigatingmap_zoom.png" alt="Changing the Map Scale with Zoom Buttons" class="img-fluid img-help" width="590" height="550" /> </div>  <div id="TOC" class="anchorOffset pb-3"> <h5>Using The Table of Contents (ToC)<a data-toggle="modal" data-target="#ToCVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using The Table of Contents" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="ToCVideo" aria-labelledby="ToCModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ToCModal">Using The Table of Contents (ToC)</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/TableOfContents.mp4" type="video/mp4" /> </video> <div class="mt-2"> <a href="ProjectLibrary/Magic_ScaleLimits.pdf" target="_blank">Map Scale Document</a> </div> </div> </div> </div> </div> <p> To hide or unhide the ToC, click the arrow indicator located to the right of the ToC banner: </p> <img src="images/help/ToC_button.png" alt="Hide ToC" class="img-fluid img-help" width="592" height="319" /> <p> ToC Hierarchy/Structure: </p> <img src="images/help/ToC_hierarchy.png" alt="ToC Structure" class="img-fluid img-help" width="893" height="579" /> <p> In the ToC there are 2 buttons: expand [+] <span class="text-red"><b>1</b></span> and collapse [-] <span class="text-red"><b>2</b></span> and 3 levels of tick box <span class="text-red"><b>3a, 3b, 3c</b></span> </p> <img src="images/help/ToC_controls.png" alt="ToC Buttons" class="img-fluid img-help" width="405" height="325" /> <ol class="pl-3"> <li>[+] button. Click to expand the theme or sub-theme in order to see the layers contained within it – the button will change to [-] - note this does not actually turn on any layers.</li> <li>[-] button. Click to close the theme or sub-theme and hide the layers contained within it – the button will change to [+] - note this does not actually turn off any of the layers it merely hides them in the ToC. When the symbol is a [-], there are no further data layers to expose:</li> <li> a. Empty tick box <ol class="pl-3" type="a" start="2"> <li>Empty tick box <img src="images/help/Tickbox_empty.png" alt="tickBox" width="20" height="20" /> - next to a sub-theme e.g. Organisational boundaries (grey background) – click this to select all the layers within that sub-theme - a <img src="images/help/Tickbox_empty.png" alt="tickBoxClick" width="20" height="20" /> will appear in the box - click again to turn off the layers and the <img src="images/help/Tickbox_empty.png" alt="tickBoxClick" width="20" height="20" /> will disappear. <b>NB</b>: do not click the empty checkbox unless you want to select <b>ALL</b> the layers in that sub-theme.</li> <li>Empty tick box <img src="images/help/Tickbox_empty.png" alt="tickBox" width="20" height="20" /> - next to a data layer – click to turn on that layer - a <img src="images/help/Tickbox_checked.png" alt="tickBoxClick" width="20" height="20" /> will appear in the box - click again to turn off the layer and the <img src="images/help/Tickbox_empty.png" alt="tickBoxClick" width="20" height="20" /> will disappear. Please note that some data layers will not appear until <a href="ProjectLibrary/Magic_ScaleLimits.pdf" target="_blank">certain zoom thresholds have been reached</a>.</li> </ol> </li> </ol> <p> Where a layer name is greyed out in the ToC e.g. Limestone Pavement Orders in the image below, it will not be visible in the interactive map at that scale because it has a scale threshold set on it. This <a href="ProjectLibrary/Magic_ScaleLimits.pdf" target="_blank">document</a> outlines the scales that layers are visible at. </p> <img src="images/help/ToC_scaleLimit.png" alt="Table of Contents - Layer out of scale" class="img-fluid img-help" width="857" height="863" /> <p> Each MAGIC theme has a variable transparency slider underneath its name. This feature allows users to determine the levels of transparency of the datasets so that the base mapping can be seen more clearly. The far right is total opacity, and the far left is total transparency. Variances in between can easily be set to user preference. </p> <img src="images/help/ToC_transparencySlider.png" alt="Transparency Slider" class="img-fluid img-help" width="298" height="156" /> <p> 100% Opacity: </p> <img src="images/help/ToC_opacity100.png" alt="Transparency100" class="img-fluid img-help" width="781" height="553" /> <p> 50% Opacity: </p> <img src="images/help/ToC_opacity50.png" alt="Transparency50" class="img-fluid img-help" width="781" height="553" /> <p> 0% opacity i.e. transparent: </p> <img src="images/help/ToC_opacity0.png" alt="Transparency0" class="img-fluid img-help" width="781" height="553" /> <p> To view the associated metadata for each ToC layer, click the <img src="images/help/ToC_infoButton.png" alt="Table of Content - Layer Metadata" class="img-fluid" width="16" height="16" /> to the right of the layer name. This will open up the metadata window, which explains the dataset in greater detail: </p> <img src="images/help/ToC_metadata.png" alt="Metadata Button" class="img-fluid img-help" width="300" height="180" /> <br /> <img src="images/help/Metadata.png" alt="Metadata" class="img-fluid img-help" width="483" height="380" /> </div>  <div id="MapSearch" class="anchorOffset pb-3"> <h5>Searching the Map<a data-toggle="modal" data-target="#mapSearchVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Searching the Map" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="mapSearchVideo" aria-labelledby="mapSearchModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="mapSearchModal">Searching the Map</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/MapSearch.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> The Map Search tool, is found at the top-left of the Interactive Map page: </p> <img src="images/help/SearchingMap.png" alt="Map Search Tool" class="img-fluid img-help" width="607" height="265" /> <p> To perform a search, simply enter a search term, and click the magnifying glass icon, to the left of the search field. The search will perform, and the map will navigate to display the search results. </p> <p> For Regions, Counties and Postcodes a blue polygon will appear on the map for the selected area. For Coordinates/Positions a blue dot will appear. To remove the blue point or polygon from the map click on the Clear Selected Feature button <img src="images/help/ClearGraphics_icon.png" alt="Clear" width="32" height="30" /> above the map. </p> <p> There are 3 search types are as follows: </p> <ol class="pl-3"> <li> The default search is <b>COUNTY, PLACE OR POSTCODE</b> which allows you to search for any of the following (the search will automatically recognise, from the text you enter, whether it is a county, place or postcode): <ol class="list-circle"> <li>counties</li> <li>towns, cities, locations, etc;</li> <li>postcodes and postcode areas</li> </ol> </li> </ol> <p> NB: if you want to search by <b>Region</b> or <b>Coordinates/Positions</b> you will need to select the relevant data type by clicking the down arrow icon, on the left of the search field and selecting the relevant data type </p> <img src="images/help/SearchingMap_options.png" alt="Search Type" class="img-fluid img-help" width="607" height="265" /> <ol class="pl-3" start="2"> <li class="pb-2"><b>REGIONS:</b> allows England regions to be searched (north east, etc.)</li> <li><b>COORDINATES / POSITIONS:</b> allows coordinates and grid references to be searched for.</li> </ol> <p class="pl-3"> The Coordinates/Positions search will support a number of different coordinate formats: </p> <ul class="list-unstyled pl-5"> <li class="pb-1">6 digit British National Grid in the format (only for OSGB36 projection): e.g. SX 123 456 (spaces optional)</li> <li class="pb-1">Easting & Northing metres (only for OSGB36 projection): e.g. 123456, 234567 or 123456 234567 (, is optional)</li> <li class="pb-1">Latitude Longitude pairs in any of the following formats (brackets are optional):</li> </ul> <div class="row pl-5"> <div class="col-sm-4">Degrees, Minutes & Decimal Seconds:</div> <div class="col-sm-4">e.g. N (50 49 7.21) W (4 7 1.223</div> </div> <div class="row pl-5"> <div class="col-sm-4">Degrees & Decimal minutes:</div> <div class="col-sm-4">e.g. N (50 49.281) W (4 7.324)</div> </div> <div class="row pl-5"> <div class="col-sm-4">Decimal degrees with NSEW signs:</div> <div class="col-sm-4">e.g. N 50.281 W 4.324</div> </div> <div class="row pl-5"> <div class="col-sm-4">Decimal degrees with +- signs:</div> <div class="col-sm-4">e.g 50.1234 -4.4567 OR -4.4567 50.1234</div> </div> </div>  <div id="MapTools" class="anchorOffset pb-3"> <h5>Map Tools<a data-toggle="modal" data-target="#mapToolsVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Map Tools" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="mapToolsVideo" aria-labelledby="mapToolsModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="mapToolsModal">Map Tools</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/MapTools.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> There are 11 interactive feature tools on MAGIC – these can be found above the map: </p> <img src="images/help/MapTools_buttons.png" alt="Feature Tools" class="img-fluid img-help" width="787" height="389" /> <p> What the tools do: </p> <img src="images/help/MapTools.png" alt="Feature Tools" class="img-fluid img-help" width="681" height="365" /> <p> For some of the tools a pop up window will appear on the map as shown below: </p> <img src="images/help/MapTools_popUp.png" alt="Feature Tools - Pop Up Window" class="img-fluid img-help" width="787" height="389" /> <p> If you find this window is obscuring parts of the map you want to see you can easily move it by clicking on the black banner at the top of the pop-up window and dragging to anywhere else on the screen: </p> <img src="images/help/MapTools_floating.png" alt="Feature Tools - Floating Window" class="img-fluid img-help pb-3" width="787" height="389" /> <img src="images/help/MapTools_floating2.png" alt="Feature Tools - Floating Window 2" class="img-fluid img-help" width="787" height="389" /> <p> See help sections below for information on how each individual tool works. </p> </div>  <div id="DrawingTools" class="anchorOffset pb-3"> <h5>Using the Drawing Tools<a data-toggle="modal" data-target="#drawingToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Drawing Tools" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="drawingToolVideo" aria-labelledby="drawingToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="drawingToolModal">Using the Drawing Tools</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/DrawingTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> Drawing Tools can be accessed by clicking the pencil icon in the Feature Tools section at the top of the mapping window: </p> <img src="images/help/MapTools_drawing.png" alt="Drawing Tool" class="img-fluid img-help" width="410" height="100" /> <p> <b>EDITING YOUR DRAWINGS</b> </p> <img src="images/help/DrawingTool_edit.png" alt="Editing Graphics" class="img-fluid img-help" width="335" height="62" /> <p> Select the upward pointing arrow and click on the drawn shape to manually edit, re-size or move it. It also allows for a selected shape to be deleted using the DELETE key on your keyboard. </p> <p> <b>ADDING TEXT</b> </p> <img src="images/help/DrawingTool_addText.png" alt="Adding Text" class="img-fluid img-help" width="335" height="62" /> <p> Select the Text (A) option to manually add text to a point on the map. When clicked, an Input Text box will appear: </p> <img src="images/help/DrawingTool_textInput.png" alt="Input Text" class="img-fluid img-help" width="240" height="166" /> <p> Input your desired text, click ‘OK’, and then click at a point on the map where you wish the text to be displayed. Follow this process for each new text entry you want to add to the map.To enlarge the text on the map, select the upward pointing arrow, click on the text, then drag the selection box to make it larger. </p> <p> <b>ADDING POINTS</b> </p> <img src="images/help/DrawingTool_addPoint.png" alt="Adding Points" class="img-fluid img-help" width="335" height="62" /> <p> The Point tool allows points to be added to the map, at your chosen location. Multiple points can be added with successive clicks. </p> <p> <b>ADDING LINES</b> </p> <img src="images/help/DrawingTool_addLine.png" alt="Adding Lines" class="img-fluid img-help" width="335" height="62" /> <p> Select the Line tool to manually add straight lines to the map (this can include lines with changes of direction). To add a line, select the line tool and click on the map at the start of the line, move and click to continue drawing the line, double click to finish drawing it. Multiple lines can be added to the map using the same method. </p> <p> <b>ADDING FREEHAND LINES</b> </p> <img src="images/help/DrawingTool_addfreehandline.png" alt="Adding Freehand" class="img-fluid img-help" width="335" height="62" /> <p> To add a freehand line, simply left click the icon with the squiggle on it and hold to draw and plot the line, and release to complete it. Multiple lines can be added to the map using the same method. </p> <p> <b>ADDING RECTANGLES OR SQUARES</b> </p> <img src="images/help/DrawingTool_addRectangle.png" alt="Adding Rectangles" class="img-fluid img-help" width="335" height="62" /> <p> To add a rectangle or square left click the Rectangle tool (square) then click and drag to define your area, let go to finish. Multiple rectangles or squares can be added to the map using the same method. </p> <p> <b>ADDING CIRCLES</b> </p> <img src="images/help/DrawingTool_addCircle.png" alt="Adding Circles" class="img-fluid img-help" width="335" height="62" /> <p> The Circle tool works in exactly the same way as the Rectangle tool. The difference is that the user can create circles to their desired size. </p> <p> <b>ADDING POLYGONS</b> </p> <img src="images/help/DrawingTool_addPolygon.png" alt="Adding Polygons" class="img-fluid img-help" width="335" height="62" /> <p> To add a user-defined polygon consisting of a series of straight lines, select the polygon tool and click at each successive point that you wish the polygon to include. This could range from a simple three sided triangle to a more complicated shape of multiple sides and angles. To complete the polygon, double click, and the polygon will be automatically completed and shaded. </p> <p> <b>ADDING FREEHAND POLYGONS</b> </p> <img src="images/help/DrawingTool_addFreehandPolygon.png" alt="Adding Freehand Polygons" class="img-fluid img-help" width="335" height="62" /> <p> To add a freehand polygon, left-click the freehand polygon tool and hold as you draw your desired shape, and release to complete. Unlike the standard Polygon tool, the freehand polygon allows for much more versatile and freestyle polygon creation. </p> <p> <b>DELETING ALL SHAPES</b> </p> <img src="images/help/DrawingTool_delete.png" alt="Deleting All Shapes" class="img-fluid img-help" width="335" height="62" /> <p> To remove all user graphics on the map, select the Delete All (x) tool. If confirmed at the prompt, all added graphics will be removed from the map. To remove a single graphic instead, use the editing tool (upward pointing arrow, featured under Editing your Drawings above). </p> <p> <b>STYLING TOOLS</b> </p> <img src="images/help/DrawingTool_styling.png" alt="Styling Tools" class="img-fluid img-help" width="195" height="70" /> <p> The styling tools allows for text, points, lines and shape fills to be given different colours, from a pre-populated selection. The selected colour will apply for the relevant styling until another is chosen. It may be easier to set you colour styling options before you start drawing. </p> <p> <b>SAVE THE GRAPHICS</b> </p> <p> If you would like to save the graphics you have drawn, for use in your own Geographic Information System (GIS) - click the Export button in the Drawing Tools window. <br /> The graphics will be converted to shapefile format. Based on settings of your browser, either a window will appear asking you to specify the name of the file and the location where you would like to save it to or the file will be saved into your default downloads location. <br /> </p> <img src="images/help/DrawingTool_export.png" alt="Save the Graphics" class="img-fluid img-help" width="367" height="278" /> </div>  <div id="SearchLayer" class="anchorOffset pb-3"> <h5>Searching the Map Layers<a data-toggle="modal" data-target="#featureSearchVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Searching the Map Layers" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="featureSearchVideo" aria-labelledby="featureSearchModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="featureSearchModal">Searching the Map Layers</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/SearchForFeatureTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <img src="images/help/MapTools_searchFeature.png" alt="Search Layer Tool" class="img-fluid img-help" width="410" height="100" /> <p> To search within a data layer, the layer must be checked in the Table of Contents as visible. When the Search for a Feature icon is clicked, the main search window will open: </p> <img src="images/help/SearchTool_layer.png" alt="Search for Feature" class="img-fluid img-help" width="560" height="146" /> <p> To select a data layer for searching, click the arrow image on the right of the Select Layer field. This will display a drop menu of all available options. Only one layer can be searched on at any one time. </p> <p> To perform the search, enter a search term in the Enter Search field, and click ‘SEARCH’. The search will execute, and the results will be displayed in the mapping window. </p> <img src="images/help/SearchTool_result.png" alt="Search Layer Tool" class="img-fluid img-help" width="560" height="392" /> <p> The results will be displayed in a data window, with relevant data fields populated. To view a single result within the map, double-click the relevant row or use the tick boxes to view multiple results. To sort the results in alphabetic or numeric order click on any column header. </p> <img src="images/help/SearchTool_displayResults.png" alt="Search Layer Tool" class="img-fluid img-borderless" width="828" height="422" /> </div>  <div id="SearchToC" class="anchorOffset pb-3"> <h5>Searching for a Dataset<a data-toggle="modal" data-target="#searchForDatasetToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Searching for a Dataset" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="searchForDatasetToolVideo" aria-labelledby="searchForDatasetToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="searchForDatasetToolModal">Searching for a Dataset</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/SearchForDataset.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <img src="images/help/MapTools_searchToc.png" alt="Search for a Dataset Tool" class="img-fluid img-help" width="410" height="100" /> <p> To search for a dataset click on the Search for Layers icon, a search window will open. </p> <img src="images/help/SearchToC_window.png" alt="Search for a Dataset" class="img-fluid img-help" width="680" height="309" /> <p> To search for a dataset begin typing in the Enter Search box. As you type the results will begin to filter. You can select the dataset/datasets you are interested in and click on the Display Selected Layers to view them on the map </p> <img src="images/help/SearchToC_result.png" alt="Search Layer Tool" class="img-fluid img-help" width="680" height="309" /> <p> The Theme column provides information on which theme/themes the datasets sit within. The Min and the Max scale columns provides information on what scales the data can be viewed at. </p> </div>  <div id="SiteCheck" class="anchorOffset pb-3"> <h5>Using the Site Check Tool<a data-toggle="modal" data-target="#siteCheckVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Site Check Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="siteCheckVideo" aria-labelledby="siteCheckModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="siteCheckModal">Using the Site Check Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/SiteCheckTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> Before you use the site check tool button, the first thing you need to do is ensure all the layers you want to search are selected (ticked in the Table of Contents (ToC). NB the number of layers you select will affect the speed of the site check - too many layers may result in slow site checks or error messages: </p> <img src="images/help/SiteCheck_toc.png" alt="Site Check Tool - Select Layers" class="img-fluid img-help" width="320" height="745" /> <p> From the Feature Tools bar above the map select the Site Check button: </p> <img src="images/help/MapTools_siteCheck.png" alt="Site Check Button" class="img-fluid img-help" width="410" height="100" /> <p> A new window will appear: </p> <img src="images/help/SiteCheck_window.png" alt="Site Check Window" class="img-fluid img-help" width="388" height="304" /> <p> There are three different options (buttons) for doing a site check which are explained in more detail further down this section: </p> <p> <img src="images/help/SiteCheck_point.png" alt="SiteCheck at point" class="img-fluid m-1" width="24" height="24" /><span>To do a site check at specific point</span><br /> <img src="images/help/SiteCheck_line.png" alt="SiteCheck along line" class="img-fluid m-1" width="24" height="24" /><span>To do a site check along a line</span><br /> <img src="images/help/SiteCheck_area.png" alt="SiteCheck within defined area" class="img-fluid m-1" width="24" height="24" /><span>To do a site check within a defined area (polygon)</span><br /> <img src="images/help/SiteCheck_delete.png" alt="SiteCheck Delete Graphics" class="img-fluid m-1" width="24" height="24" /><span>This button allows you to delete all site check graphics you have drawn</span><br /> <img src="images/help/Tickbox_empty.png" alt="Exclude Null results" class="img-fluid m-1" width="20" height="20" /><span>Ticking this box will exclude any null results i.e. features from datasets that are selected but are not in the area of interest.</span><br /> <img src="images/help/SiteCheck_perform.png" alt="Perform SiteCheck" class="img-fluid m-1" width="147" height="25" /><span>Once you have defined the point, line or area of interest on the map, click the Perform Site Check button to generate the site check results which will appear in a new window and will only provide information relating to the layers you have selected (ticked in the Table of Contents (ToC). By default the site check includes null results for any features selected but not in the area of interest. If you wish to exclude null results, click the Tick to exclude null results box at the bottom of the site check window before clicking on perform site check:</span><br /> </p> <img src="images/help/SiteCheck_result.png" alt="Site Check Result" class="img-fluid img-help" width="600" height="500" /> <p> The site check can be printed by clicking the Print button at the bottom right hand side of the window. The site check can also be saved by following the instructions in our FAQ section <a href="Help_FAQ.htm#M13" target="_blank">M13: Can I save a site check report in MAGIC?</a> </p> <div id="SiteCheckAtPoint"> <h5>Site Check at a specific point</h5> <p> Click the point icon on the pop up window and then click on the map at your point of interest. Click the ‘Perform Site Check’ button on the window and a report will be generated with a list of features found at that point: </p> <img src="images/help/SiteCheck_atPoint.png" alt="Site Check At a point" class="img-fluid img-help" width="860" height="550" /> </div> <div id="SiteCheckWithinRadius"> <h5>Site Check within a given radius of a point</h5> <p> Click the point icon on the pop up window and then click on the map at your point of interest. Enter your required radius in metres (up to a maximum of 30,000 metres) in the box below the words ‘Buffer Shapes’ then click the Buffer button. This will draw a circle of the given radius around the point. Click the ‘Perform Site Check’ button on the window and a report will be generated with a list of features found within the set radius of the point: </p> <img src="images/help/SiteCheck_atPointBuffer.png" alt="Site Check within a given radius of a point" class="img-fluid img-help" width="860" height="550" /> </div> <div id="SiteCheckGridRef"> <h5>Site check at or around a grid reference</h5> <p> This is carried out in the same way as Site check at a specific point or Site check within a given radius of a point explained above; however you will need to navigate to your required grid-reference before clicking on the map. This can be done in 2 ways: </p> <ol type="a"> <li>As you move the cursor around the map the roaming grid co-ordinates can be seen in the bottom left hand corner of the map. Once you can see your required grid reference click on the map:</li> <li>Use the <a href="/Help_text.htm#MapSearch" target="_blank">Map Search Tool</a> above the Table of Contents. Change the search type to co-ordinates/positions (by clicking the down arrow) and type in your grid reference, then click the magnifying glass icon, to the left of the search field. The map will navigate to the grid reference which will be shown by a blue dot. Click the point icon on the site check pop up window and then click on the map where the blue dot is. To see the red site check point you will need to use the Clear Selected Features button above the map to remove the blue dot:</li> </ol> <img src="images/help/SiteCheck_atGridreference.png" alt="Site check at or around a grid reference" class="img-fluid img-borderless" width="965" height="748" /> </div> <div id="SiteCheckAlongLine"> <h5>Site Check along a line</h5> <p> Click the line icon on the pop up window and then click on the map to start drawing your line. Continue clicking to draw your line and then double click to finish the drawing. Click the ‘Perform Site Check’ button on the window and a report will be generated with a list of features found along the line: </p> <img src="images/help/SiteCheck_alongLine.png" alt="Site Check At a Line" class="img-fluid img-help" width="860" height="550" /> </div> <div id="SiteCheckWithinDistLine"> <h5>Site Check within a given distance of a line</h5> <p> Click the line icon on the pop up window and then click on the map to start drawing your line. Continue clicking to draw your line and then double click to finish the drawing. Enter your required distance in metres (up to a maximum of 30,000 metres) in the box below the words ‘Buffer Shapes’ then click the Buffer button. This will draw a buffer zone around the line for the given distance. Click the ‘Perform Site Check’ button on the window and a report will be generated with a list of features found within the set distance of the line: </p> <img src="images/help/SiteCheck_alongLineBuffer.png" alt="Site Check within a given distance of a line" class="img-fluid img-help" width="860" height="550" /> </div> <div id="SiteCheckAtArea"> <h5>Site check within a defined area (polygon)</h5> <p> Click the polygon icon on the pop up window and then click on the map to start drawing your area. Continue clicking to draw your area and then double click to complete the polygon. Click the ‘Perform Site Check’ button on the window and a report will be generated with a list of features found within your defined area: </p> <img src="images/help/SiteCheck_atArea.png" alt="Site Check At An Area" class="img-fluid img-help" width="890" height="550" /> </div> <div id="SiteCheckAroundArea"> <h5>Site check within a defined area (polygon) with an added buffer</h5> <p> Click the polygon icon on the pop up window and then click on the map to start drawing your area. Continue clicking to draw your area and then double click to complete the polygon. Enter your required buffer in metres (up to a maximum of 30,000 metres) in the box below the words ‘Buffer Shapes’ then click the Buffer button. This will draw a buffer zone around the outside of the polygon for the given distance. Click the ‘Perform Site Check’ button on the window and a report will be generated with a list of features found within the polygon and the buffer zone: </p> <img src="images/help/SiteCheck_atAreaBuffer.png" alt="Site Check At Area Buffer" class="img-fluid img-help" width="890" height="550" /> <p> If you regularly do site checks for the same layers consider creating a bookmark as this will save you having to re-select the same layers each time – see the Using the <a href="/Help_text.htm#Bookmark" target="_blank">Bookmark Map Tool</a> help section in this Help Library. </p> <img src="images/help/SiteCheck_atAreaBuffer.png" alt="Site Check At Area Buffer" class="img-fluid img-help" width="890" height="550" /> <p> If you regularly do site checks for the same layers consider creating a bookmark as this will save you having to re-select the same layers each time – see the Using the <a href="/Help_text.htm#Bookmark" target="_blank">Bookmark Map Tool</a> help section in this Help Library. </p> </div> <div id="SiteCheckExporttoCSV"> <p> <img src="images/help/ExporttoCSV.png" alt="Site Check Export to csv" class="img-fluid m-1" width="97" height="24" />By clicking on the CSV button you can export the results of the site check. </p> </div> </div>  <div id="ClearSelected" class="anchorOffset pb-3"> <h5>Using the Clear Selected Feature Tool<a data-toggle="modal" data-target="#clearToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Clear Selected Feature Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="clearToolVideo" aria-labelledby="clearToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="clearToolModal">Using the Clear Selected Feature Toole</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/ClearTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> From the Feature Tools list click on the Clear Selected Feature tool. </p> <img src="images/help/MapTools_clear.png" alt="Clear Selected Tool" class="img-fluid img-help" width="410" height="100" /> <p> Clicking on this tool will clear any of the following from the map: </p> <ul class="mb-3"> <li>The blue polygon that appears on the map when you do a search for Regions, Counties or Postcodes</li> <li>The blue dot that appears when you search for Coordinates/Positions</li> <li>The blue point, line or polygon highlighting any features that have been searched for using the Search for a Feature tool</li> <li>Measurement lines and polygons</li> <li>Site Check points, lines or polygons once the site check has been performed</li> </ul> </div>  <div id="Identify" class="anchorOffset pb-3"> <h5>Using the Identify Feature Tool<a data-toggle="modal" data-target="#identifyToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Identify Feature Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="identifyToolVideo" aria-labelledby="identifyToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="identifyToolModal">Using the Identify Feature Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/IdentifyTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> With features displayed on the Interactive Map </p> <img src="images/help/UsingIdentifyTool.png" alt="Identify Tool" class="img-fluid img-help" width="787" height="389" /> <p> Click the 'i' button which is located in the Feature Tools list </p> <img src="images/help/MapTools_identify.png" alt="Identify Tool Button" class="img-fluid img-help" width="410" height="100" /> <p> A cursor will appear on the screen and a pop up box indicating to click on the Map to Identify Features </p> <img src="images/help/UsingIdentifyTool_cursor.png" alt="Identify Button" class="img-fluid img-help" width="787" height="389" /> <p> When the Interactive Map is clicked with the Identify tool selected you will be shown a new window that lists all of the features present for the area you selected. You can then print the results. </p> <img src="images/help/UsingIdentifyTool_result.png" alt="Identify Results" class="img-fluid img-help" width="787" height="389" /> </div>  <div id="WhereAmI" class="anchorOffset pb-3"> <h5>Using the Where Am I Tool<a data-toggle="modal" data-target="#whereVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Where Am I Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="whereVideo" aria-labelledby="whereModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="whereModal">Using the Where Am I Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/WhereAmI.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> From the Feature Tools select the Where Am I? tool. </p> <img src="images/help/MapTools_where.png" alt="Where Am I Tool" class="img-fluid img-help" width="410" height="100" /> <p> With the cursor, click anywhere on the map. A new window appears with information for the point you just clicked on the map. </p> <img src="images/help/WhereAmI_result.png" alt="Where Am I Results" class="img-fluid img-help" width="787" height="389" /> <p> The information listed is Easting & Northing, Grid Reference, Latitude & Longitude, Postcode Area and National Grid Field Number. N.B. For the most accurate field number click in the centre of the relevant field. </p> </div>  <div id="MeasureTool" class="anchorOffset pb-3"> <h5>Using the Measure Tool<a data-toggle="modal" data-target="#measureToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Measure Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="measureToolVideo" aria-labelledby="measureToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="measureToolModal">Using the Measure Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/MeasureTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> From the Feature Tools list click on the measuring tool. </p> <img src="images/help/MapTools_measure.png" alt="Measure Tool" class="img-fluid img-help" width="410" height="100" /> <p> A new window will appear over the map with two measuring options, Area & Perimeter and Distance. </p> <img src="images/help/UsingMeasurement_options.png" alt="Measure Tool Window" class="img-fluid img-borderless" width="639" height="220" /> <p> <u>To measure a line/distance</u>, select <img src="images/help/UsingMeasurement_distanceIcon.png" alt="Measure Tool Distance Icon" class="img-fluid mr-1" width="24" height="24" />and then click anywhere on the map to start using the tool. Continue to move the cursor and click on the map to draw your line. </p> <img src="images/help/Measure_distanceStart.png" alt="Start Measuring Distance" class="img-fluid img-help" width="787" height="389" /> <p> To view the final measurement you need to double click the left button on the mouse to finish drawing. </p> <img src="images/help/Measure_distanceProgress.png" alt="Finish Measuring Distance" class="img-fluid img-help" width="787" height="389" /> <p> Once double clicked the final result will be displayed within the pop up window. </p> <img src="images/help/Measure_distanceFinish.png" alt="Distance - Measurement Results" class="img-fluid img-help" width="787" height="389" /> <p> The default measurement is in Metres but you can change this by clicking the downwards facing arrow next to Metres, the other measurement options are: Kilometres, Miles, Feet and Nautical Miles. </p> <img src="images/help/Measure_distanceUnits.png" alt="Change Distance Units" class="img-fluid img-help" width="787" height="389" /> <p> To measure an area and perimeter select <img src="images/help/UsingMeasurement_areaIcon.png" alt="Measure Tool Distance Icon" class="img-fluid mr-1" width="24" height="24" /> from the measurement tool window and then click anywhere on the map to start using the tool. Continue to move the cursor and click on the map to draw your polygon. </p> <img src="images/help/Measure_areaStart.png" alt="Start Measuring Area" class="img-fluid img-help" width="787" height="389" /> <p> To view the final measurement you need to double click the left button on the mouse to complete the polygon. </p> <img src="images/help/Measure_areaFinish.png" alt="Finish Measuring Area" class="img-fluid img-help" width="787" height="389" /> <p> The default area measurement is in Sq Metres but you can change this by clicking the downwards facing arrow next to Sq Metres. The other area measurement options are: Sq Kilometres, Sq Miles, Sq Yards, Sq Feet, Hectares and Acres. </p> <p> The default perimeter measurement is Metres but you can change this by clicking the downwards facing arrow next to Metres. The other perimeter measurement options are: Kilometres, Miles, Feet and Nautical Miles. </p> <p> <span>If you have made a mistake or an incorrect measurement has been performed, there are 2 ways of clearing this.</span><br /> <span>1st - Reselect the measurement option i.e. Area & Perimeter or the Distance from within the pop up window.</span><br /> <span>2nd - Click the Clear Selected Feature tool <img src="images/help/ClearGraphics_icon.png" alt="Clear Selected" class="img-fluid mr-1" width="32" height="30" /> from under Feature Tools above the map</span> </p> <p> The Reuse Graphics option can be used if you wish to see the measurement graphic (line or polygon) on the map once you have finished with the measurement. NB you must tick the box before drawing the graphic. If at a later stage you no longer wish to see the graphics appearing on the map you will need to untick the re-use graphics box. </p> <img src="images/help/Measure_resuseGraphics.png" alt="Reuse Graphics" class="img-fluid img-help" width="787" height="389" /> </div>  <div id="Print" class="anchorOffset pb-3"> <h5>Using the Print Tool<a data-toggle="modal" data-target="#printToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Print Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="printToolVideo" aria-labelledby="printToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="printToolModal">Using the Print Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/PrintTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> Please be aware of the following when using this tool: </p> <ul> <li>Map printouts preserve the scale of the map, not the extent of the map window.</li> <li>As only scale is preserved, the map extent will be changed – the printed area will be either smaller or bigger compared to the area seen in the MAGIC interactive map window.</li> <li> When printing, the centre of the map in the MAGIC interactive map window is placed in the centre of the print map frame. However please note the following: <ul> <li>The Table of Contents (ToC) on the left hand side of the interactive map window actually appears over the top of the map.</li> <li>The centre of the map is therefore the centre of the map when the ToC is hidden using the Show/Hide Table of Contents arrow <img src="images/help/ToC_tag.png" alt="Show Hide ToC" class="img-fluid" width="30" height="67" /> which can be found on the right hand side of the ToC.</li> </ul> </li> <li>The map title, legend and margins in the print layouts take up some space too.</li> <li>The legend must be selected and visible in the ToC for the selected layers before it will print in the map printout legend.</li> <li>If you have a large number of layers selected, use one of the A3 large legend print layout options if you wish to see symbology appear in the legend for all the chosen layers.</li> <li>To preview your print – click the Printout hyperlink button which appears after you have clicked Print</li> </ul> <p> To print: </p> <p> With your desired features selected from the ToC, select the Print button from within the Feature Tools list. </p> <img src="images/help/MapTools_print.png" alt="Print" class="img-fluid img-help" width="410" height="100" /> <p> A new window appears which allows you to add a personalised name for the Map. </p> <img src="images/help/UsingPrintTool_title.png" alt="Add Title" class="img-fluid img-help" width="352" height="162" /> <p> These are the print layout choices: </p> <div class="container"> <div class="card-deck"> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">A3 Landscape</p> </div> <img class="card-img-top mx-auto d-block img-fluid" src="images/Help/Help_print_A3_landscape.png" width="399" height="280" alt="A3 Landscape" /> </div> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">A3 Landscape Large Legend</p> </div> <img class="card-img-top mx-auto d-block img-fluid" src="images/Help/Help_print_A3_landscape_large.png" width="399" height="280" alt="A3 Landscape Large Legend" /> </div> </div> </div> <div class="container pt-3 pb-3"> <div class="card-deck"> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">A3 Portrait</p> </div> <img class="card-img-top rounded mx-auto d-block img-fluid" src="images/Help/Help_print_A3_portrait.png" width="196" height="283" alt="A3 Portrait" /> </div> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">A3 Portrait Large Legend</p> </div> <img class="card-img-top rounded mx-auto d-block img-fluid" src="images/Help/Help_print_A3_portrait_large.png" width="196" height="283" alt="A3 Portrait Large Legend" /> </div> </div> </div> <div class="container"> <div class="card-deck"> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">Map Only Landscape</p> </div> <img class="card-img-top mx-auto d-block img-fluid" src="images/Help/Help_print_map_landscape.png" width="318" height="228" alt="Map Only Landscape" /> </div> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">A4 Landscape</p> </div> <img class="card-img-top mx-auto d-block img-fluid" src="images/Help/Help_print_A4_landscape.png" width="318" height="225" alt="A4 Landscape" /> </div> </div> </div> <div class="container pt-3 pb-3"> <div class="card-deck"> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">Map Only Portrait</p> </div> <img class="card-img-top rounded mx-auto d-block img-fluid" src="images/Help/Help_print_map_portrait.png" width="225" height="317" alt="Map Only Portrait" /> </div> <div class="card card-no-border text-center"> <div class="card-block"> <p class="card-text">A4 Portrait</p> </div> <img class="card-img-top rounded mx-auto d-block img-fluid" src="images/Help/Help_print_A4_portrait.png" width="225" height="317" alt="A4 Portrait" /> </div> </div> </div> <p> NB: use the Large Legend Options when you have so many layers selected that the key for all the layers will not fit on the normal layout. </p> <p> Select your preferred print layout option. </p> <img src="images/help/UsingPrintTool_layoutOptions.png" alt="Print Layout Options" class="img-fluid img-borderless" width="360" height="314" /> <p> Select your preferred format. </p> <img src="images/help/UsingPrintTool_formatOptions.png" alt="Print Format Options" class="img-fluid img-borderless" width="360" height="211" /> <p> Choose which Layout and Format best suits your requirements and then press the print button within the window. </p> <img src="images/help/UsingPrintTool_options.png" class="img-fluid img-help" alt="Print tool options" width="787" height="386" /> <p> NB: Once the Print button has been clicked, the application will take a moment to load (you will see a wheel spinning) and then the word Printout will appear as a hyperlink under the Layout option within the window </p> <img src="images/help/UsingPrintTool_printout.png" alt="Print Output" class="img-fluid img-help" width="352" height="162" /> <p> <span>Click the Printout hyperlink to preview the print</span><br /> <span>NB: If you choose to subsequently print a different map you will need to click print again before clicking the Printout hyperlink again otherwise you will see the previous map.</span> </p> <img src="images/help/UsingPrintTool_browser.png" alt="Preview Print" class="img-fluid img-help" width="787" height="389" /> <p> Depending on the browser you are using will determine where the Print symbol is for example FireFox's print option will be top right of the screen, as shown in the above image. </p> </div>  <div id="Bookmark" class="anchorOffset pb-3"> <h5>Using the Bookmark Map Tool<a data-toggle="modal" data-target="#bookmarkToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Bookmark Map Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="bookmarkToolVideo" aria-labelledby="bookmarkToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="bookmarkToolModal">Using the Bookmark Map Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/BookmarkTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> To save time in the future you can bookmark a page which will allow you to revert to a pre-defined selection of features and scale. </p> <p> To do this have you first have to have your desired features selected from the Table of Contents, scale & projection set. </p> <img src="images/help/MapTools_bookmark.png" alt="Bookmark Tool" class="img-fluid img-help" width="410" height="100" /> <p> Now select the Bookmark page link from within the Feature Tools list </p> <img src="images/help/UsingTheBookmark.png" alt="Bookmark Page" class="img-fluid img-help" width="787" height="389" /> <p> A pop up window appears and from here you will need to manually copy (Right click the mouse button & select copy or via the keyboard press Ctrl & C simultaneously) the link from within the box and paste it somewhere safe such as a word document. </p> <img src="images/help/UsingTheBookmark_url.png" alt="Bookmark URL" class="img-fluid img-help" width="238" height="142" /> <p> Once you have saved this, you can then paste the link into a browser of your choice and obtain the previous map view that had been chosen with all of the features present. </p> </div>  <div id="LoadUserData" class="anchorOffset pb-3"> <h5>Using the Load User Data Tool<a data-toggle="modal" data-target="#addDataToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Add Data Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="addDataToolVideo" aria-labelledby="addDataToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="addDataToolModal">Using the Load User Data Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/LoadDataTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> The Load Data Tool can be accessed by clicking on the Load User Data Tool </p> <img src="images/help/MapTools_loadData.png" alt="Legend Button" class="img-fluid img-help" width="453" height="100" /> <p> Data can be added in the following formats: Map service, Feature service, WMS service, Shape file in zip format, gpx and csv file. </p> <div id="LoadingMapService"> <h6>Loading in Map / Feature / WMS URL</h6> <p> Enter a layer name in the text box. </p> <img src="images/help/LoadDataTool_LoadingMapService.png" alt="Loading in Map / Feature / WMS URL" class="img-fluid img-help" width="536" height="502" /> <p> Enter the URL into the Map / Feature / WMS URL text box. </p> <img src="images/help/LoadDataTool_LoadingMapService_URL.png" alt="Loading in Map / Feature / WMS - Enter URL" class="img-fluid img-help" width="536" height="502" /> <p> Click the Add Map/Feature/WMS Service button. </p> <img src="images/help/LoadDataTool_LoadingMapService_button.png" alt="Loading in Map / Feature / WMS - Add" class="img-fluid img-help" width="192" height="30" /> <br /> <img src="images/help/LoadDataTool_LoadingMapService_added.png" alt="Loading in Map / Feature / WMS - Added to the Map" class="img-fluid img-help" width="776" height="441" /> <p> <i>Note: any Map services, Feature services and WMS services added must be on an approved whitelist for security reasons.</i> </p> </div> <div id="LoadingMapService"> <h6>Loading in a Shape file in zip format, gpx and csv file</h6> <p> Enter a layer name in the text box. </p> <img src="images/help/LoadDataTool_LoadingFiles.png" alt="Loading in a Shape file in zip format, gpx and csv file" class="img-fluid img-help" width="536" height="502" /> <p> Select symbology and colour. </p> <img src="images/help/LoadDataTool_LoadingFiles_symbology.png" alt="Loading in a Shape file - Symbology" class="img-fluid img-help" width="536" height="502" /> <p> Click the Add File button to upload the file. </p> <img src="images/help/LoadDataTool_LoadingFiles_button.png" alt="Loading in a Shape file - Symbology" class="img-fluid img-help" width="162" height="30" /> <p> The data will be added to the map as a graphics file. </p> <img src="images/help/LoadDataTool_LoadingFiles_added.png" alt="Loading in a Shape file - Added to the Map" class="img-fluid img-help" width="784" height="468" /> </div> <div id="LoadingMapService"> <h6>Using the data once it’s loaded</h6> <img src="images/help/LoadDataTool_usingTheTool.png" alt="Using the data once it’s loaded" class="img-fluid img-help" width="787" height="623" /> <p> Data in shape, gpx and csv file format can be queried by clicking the left mouse button. </p> <img src="images/help/LoadDataTool_infoTool.png" alt="Pop up" class="img-fluid img-help" width="585" height="578" /> </div> </div> <div id="DataVisiblityTool" class="anchorOffset pb-3"> <h5>Using the Data Visibility Tool<a data-toggle="modal" data-target="#dataVisiblityVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Data Visiblity Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="dataVisiblityVideo" aria-labelledby="dataVisiblityModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="dataVisiblityModal">Using the Data Visiblity Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/DataVisibilty.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> Select your chosen layers from the Table of Contents. Please note that selecting more than 10 layers may cause performance issues and result in a timeout error. </p> <img src="images/help/TOCLayerselect.png" alt="Data Visibility Select" class="img-fluid img-help" width="307" height="492" /> <p>From the Feature Tools list click on the Data Visibility Tool.</p> <img src="images/help/DataVisiblity_toolbar.png" alt="Data Visibility Toolbar" class="img-fluid img-help" width="549" height="414" /> <p> The Data Visibility Tool will open with your selected layers. By checking the Scale column you can calculate at which scale all the layers will be visible. Insert the required scale into the Set Map Scale box and click on the Go button. </p> <img src="images/help/DataVisiblity_dialogbox.png" alt="Data Visibility Dialogbox" class="img-fluid img-help" width="562" height="43" /> <p>The map will zoom into the requested scale. Please be aware that not all selected layers may be located at the geographical area where the map zooms in. You may have to pan around the map to find the features of the selected layers. For example, if marine data is selected and the map zooms inland the layers will not be visible on the map. The map overview function highlighted below is a handy tool for quickly panning around the map. </p> <img src="images/help/DataVisibliy_result.png" alt="Data Visibility Result" class="img-fluid img-help" width="549" height="43" /> </div>  <div id="Legend" class="anchorOffset pb-3"> <h5>Using the Legend Tool<a data-toggle="modal" data-target="#legendToolVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Legend Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="legendToolVideo" aria-labelledby="legendToolModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="legendToolModal">Using the Legend Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/LegendTool.mp4" type="video/mp4" /> </video> </div> </div> </div> </div> <p> This tool is useful if you wish to see a legend only for your selected layers. From the Feature Tools select the Legend tool. </p> <img src="images/help/MapTools_legend.png" alt="Legend Button" class="img-fluid img-help" width="410" height="100" /> <p> A legend will appear in a new window over the map. Only layers you have selected and which are visible at your chosen scale will be shown. </p> <img src="images/help/Legend_window.png" alt="Legend Popup" class="img-fluid img-help" width="424" height="574" /> <p> If you have selected a large number of layers you will need to use the scroll bar on the right hand side of the pop-up window to see all the legend. The legend window can be moved around the screen by clicking on the black banner at the top of the pop-up window and dragging it elsewhere on the screen. </p> </div>  <div id="Projections" class="anchorOffset pb-3"> <h5>Using the Change Projection Tool<a data-toggle="modal" data-target="#projectionVideo"><img src="images/video_help_button.png" class="ml-2" alt="Video - Using the Change Projection Tool" width="26" height="26" /></a></h5> <div class="modal fade videoPopup" tabindex="-1" role="dialog" id="projectionVideo" aria-labelledby="projectionModal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="projectionModal">Using the Change Projection Tool</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <video class="embed-responsive video" controls controlslist="nodownload" preload="none"> <source src="video/Projection.mp4" type="video/mp4" /> </video> <p>To find out more about the different projection systems, click <a href="Help_Projections.htm" target="_blank">here</a></p> </div> </div> </div> </div> <p> For more information regarding the different projections available, click <a href="Help_Projections.htm" target="_blank">here</a>. To change the projection system that the map is displayed in, you can use the map projection selector in the top right corner of the map page. </p> <img src="images/help/MapProjection.png" alt="Change Projections Tool" class="img-fluid img-help" width="387" height="99" /> <p> Click on the arrow and choose the projection you wish the map to be displayed in. </p> <img src="images/help/MapProjection_bng.png" alt="OSGB projection" class="img-fluid img-help" width="787" height="389" /> <p> The OSGB36 projection is the default view and displays the Ocean Base map as standard. </p> <img src="images/help/MapProjection_etrs89.png" alt="ETRS89 Projection" class="img-fluid img-help" width="787" height="389" /> <p> The ETRS89 Projection is useful for Marine Based data. </p> <img src="images/help/MapProjection_wgs84.png" alt="WGS Projection" class="img-fluid img-help" width="787" height="389" /> <p> The WGS projection is also useful for Marine Data. </p> </div> </div> </div> <div class="scroll-top-wrapper"> <span class="glyphicons-arrow-up"></span> </div> <div id="footer" class="container"> <footer> <div class="row pt-2 copyright"> <div class="col-md-12 text-center"> <p>By using this site you accept to be bound by the <a style="color:#1D6491" href="TermsOfUse.htm" target="_blank">MAGIC website Terms and Conditions</a> covering the Intellectual Property Disclaimer, General Disclaimer, <a style="color:#1D6491" href="About_Accessibility.htm" target="_blank"> Accessibility, </a> <a style="color:#1D6491" href="About_Privacy.htm" target="_blank">Privacy Notice and Cookies</a></p> <p> <span>Managed by <b>Natural England</b> | Delivered by <b>Landmark</b></span> </p> </div> </div> </footer> </div> <script type="text/javascript" src="Scripts/jquery-1.9.1.js"></script> <script type="text/javascript" src="Scripts/tether.min.js"></script> <script type="text/javascript" src="Scripts/bootstrap.js"></script> <script type="text/javascript" src="Scripts/backToTop.js"></script> <script type="text/javascript" src="js/helpSearch.js"></script> <script type="text/javascript"> $(function () { $('#text-search').bind('keyup change', function (ev) { // pull in the new value var searchTerm = $(this).val(); // remove any old highlighted terms $('#working').removeHighlight(); // disable highlighting if empty if (searchTerm) { // highlight the new term $('#working').highlight(searchTerm); } }); }); </script> <script type="text/javascript"> $('.videoPopup').on('hide.bs.modal', function () { //Change #myModal with your modal id $('video').each(function () { this.pause(); // Stop playing this.currentTime = 0; // Reset time }); }); </script> </body> </html>

CINXE.COM

MAGIC Help