UCL Maps

<!DOCTYPE html>    <html lang="en" class="no-js">  <head> <meta charset=utf-8 /> <meta name="author" content="UCL" /> <meta name="description" content="UCL Maps website: interactive maps and tools to find your way around campus" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="fragment" content="!">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@uclnews"> <meta name="twitter:title" content="UCL - London's Global University"> <meta name="twitter:description" content="UCL Maps website: interactive maps and tools to find your way around campus"> <meta name="twitter:creator" content="@ucl"> <meta name="twitter:image:src" content="http://www.ucl.ac.uk/visual-identity/logos/standalone.png"> <meta property="og:image" content="http://www.ucl.ac.uk/visual-identity/logos/standalone.png"/> <meta property="og:title" content="UCL - London's Global University"/> <meta property="og:url" content="http://www.ucl.ac.uk/maps"/> <meta property="og:site_name" content="UCL"/> <meta property="og:description" content="UCL Maps: Interactive maps and tools to find your way around UCL's campus."/> <meta property="og:type" content="website"/> <meta property="og:profile_id" content="uclofficial"/>  <title>UCL Maps</title> <link href="/maps/css/screen.min.css" media="screen, projection, print" rel="stylesheet" type="text/css" />   <link rel="shortcut icon" href="/maps/favicon.ico" /> <link rel="apple-touch-icon-precomposed" href="/maps/favicon-152.png"> <meta name="msapplication-TileColor" content="#000000"> <meta name="msapplication-TileImage" content="/maps/favicon-144.png"> <script src="/maps/js/lib/modernizr-custom.js"></script>  <script src="/maps/js/app/clipboard/dist/clipboard.min.js"></script> <script src="/maps/js/lib/maptilerlayer.min.js"></script> <script> var cuttingTheMustard = document.querySelector && window.localStorage && window.addEventListener; Modernizr.load({ //cutting the mustard as used by the BBC test : cuttingTheMustard //if old browser load the shiv ,nope : [ '//static.ucl.ac.uk/silva/UCLIndigoSkin/js/lib/html5shiv-printshiv.min.js' ,'//static.ucl.ac.uk/silva/UCLIndigoSkin/js/lib/respond.min.js' ] }); //set conditional assets for main.js var globalSiteSpecificVars = { pathToJquery: '//static.ucl.ac.uk/silva/UCLIndigoSkin/js/lib/jquery-1.9.1.min' ,googleAnalyticsIdsArray: []//specify array of site specific id's NOT UCL generic UA-943297-1 } if(cuttingTheMustard){ globalSiteSpecificVars.pathToJquery = "//static.ucl.ac.uk/silva/UCLIndigoSkin/js/lib/jquery-2.1.1.min"; } </script>   <script type="text/template" id="searchLocations"> <article class="box box_map_info box_map_info_main_search" id="searchBox"> <% if (location_is_displaying_route) { %> <ul class="ui_links" id="topLinks"> <li class="ui_links__item"><a href="" id="directionsLink">Show directions for current route</a></li><li class="ui_links__item"><a href="" id="clearRouteLink">Clear route</a></li> </ul> <% } %> <h1 class="box_map_info__heading-search">Search or <a href="" id="browseLink">browse</a> locations</h1> <form class="ui_search_container" id="mapSearchForm"> <% if(geolocation_active !== "geolocation function active") { %> <input type="checkbox" class="ui_legend__checkbox" id="currentLocation" /> <label class="ui_legend__label" for="currentLocation" id="currentLocation">Show nearest UCL location</label> <% } %> <label class="screenreader" for="mapSearch">Search</label> <input arialabel="search" data-search-type="main" placeholder="e.g. Grant Museum" type="search" class="form__control ui_search" id="mapSearch" /> <input type="submit" value="Go" class="btn btn--gradient disabled" disabled="disabled" id="mapSearchButton"> <div class="ui_search__message hidden"></div> </form> </article> </script>  <script type="text/template" id="browseLocations"> <article class="box box_map_info box_map_info--scroll" id="searchBox"> <% if (location_is_displaying_route) { %> <ul class="ui_links" id="topLinks"> <li class="ui_links__item"><a href="" id="directionsLink">Show directions for current route</a></li><li class="ui_links__item"><a href="" id="clearRouteLink">Clear route</a></li> </ul> <% } %> <h1 class="box_map_info__heading-search"><a id="searchLink" href="">Search</a> or browse locations</h1> <div class="ui_legend_item"> <img class="ui_legend__icon" src="/maps/images/icons/male-female-legend.png" alt=""/> <label class="ui_legend__label" for="toilets">Toilets</label> <input type="checkbox" class="ui_legend__checkbox" id="toilets" /> </div> <div class="ui_legend_item"> <img class="ui_legend__icon" src="/maps/images/icons/cycle.png" alt=""/> <label class="ui_legend__label" for="cycleParking">Cycle parking</label> <input type="checkbox" class="ui_legend__checkbox" id="cycleParking" /> </div> <div class="ui_legend_item"> <img class="ui_legend__icon" src="/maps/images/icons/accessible-parking.png" alt=""/> <label class="ui_legend__label" for="accessParking">Accessible parking</label> <input type="checkbox" class="ui_legend__checkbox" id="accessParking" /> </div> <div class="ui_legend_item"> <img class="ui_legend__icon" src="/maps/images/icons/fountain.png" alt=""/> <label class="ui_legend__label" for="fountains">Fountains</label> <input type="checkbox" class="ui_legend__checkbox" id="fountains" /> </div> <dl class="accordion"></dl> </article> </script>  <script type="text/template" id="location" itemscope itemtype="http://schema.org/Place"> <article id="mapInfo" class="box box_map_info"> <div> <header class="box_map_info__header"> <ul class="ui_links" id="topLinks"> <li class="ui_links__item"><a href="#" id="searchLink">Search or browse UCL locations</a></li> <% if (location_is_displaying_route) { %> <li class="ui_links__item"><a href="" id="directionsLink">Show directions for current route</a></li><li class="ui_links__item"><a href="" id="clearRouteLink">Clear route</a></li> <% } %> </ul> <h1 itemprop="name"><%= location_title %></h1> <% if (location_further_details.length > 0) { %> <div itemprop="description"><%= location_further_details %></div> <% } %> <% if (location_study_spaces.length > 0) { %> <div itemprop="studyspaces"><span><strong>Capacity: </strong></span><%= location_study_spaces %> study spaces</div> <% } %> <% if (location_address.length > 0) { %> <h2>Address</h2> <p><%= location_address %></p> <% } %> <% if (location_image.length > 0) { %> <img itemprop="image" src="/maps/images/location-images/<%= location_image %>" alt="<%= location_title %>" class="ui_image" /> <% } %> <div class="ui_tools"> <p class="ui_tools__googlemaps"><img src="/maps/images/icons/location-template/map.svg" /><a id="locationGmap" href="<%= location_google_url %>">View in Google Maps</a></p> <% if (location_street_view > 0) { %> <p class="ui_tools__streetview"><img src="/maps/images/icons/location-template/streetview.svg" /><a id="locationStreetview" href="<%= location_street_view_url %>">View in Google StreetView</a></p> <% } %> <% if (location_url.length > 0) { %> <p class="ui_tools__location-link"><img src="/maps/images/icons/location-template/link.svg" /><a id="locationWebsite" itemprop="url" href="<%= location_url %>"><%= location_title %> website</a></p> <% } %> <p class="ui_tools__print"><img src="/maps/images/icons/location-template/print.svg" /><a id="locationPrint" target="_blank" href="/maps/print/<%= location_label %>">Print map</a></p> </div> </header> </div> <% if (location_display_rf == 'true') { %> <div class="directions_search"> <h2>Directions from <%= location_rf_name %></h2> <div class="ui_search_container"> <label>UCL location:</label> <input type="search" class="ui_search form__control" id="directionTargetSearch" data-search-type="rf" placeholder="e.g. Central House"/> <div class="ui_search__message hidden"></div> <div class="submit"> <input type="button" value="Go" id="rfSubmitButton" class="btn btn--gradient disabled" disabled="disabled" /> </div> </div> <div class="directions_search_accessible"> <label class="directions_search_accessible__label">Wheelchair-friendly route</label> <input type="checkbox" class="directions_search_accessible__checkbox" id="directionAccessibleRoute" /> </div> </div> <% } %> <div class="link_share"> <label class="link_share__label" for="shareLocation">Share location:</label> <input id="shareLocation" class="link_share__input" type="text" value="http://www.ucl.ac.uk/maps/<%= location_label %>" /> <input class="btn btn--gradient" id="copy-button" data-clipboard-target="#shareLocation" type="button" value="Copy"></input> </div> <script> (function(){ new Clipboard('#copy-button'); })(); </script> </article> </script>  <script type="text/template" id="directions"> <article class="box box_map_info" id="mapDirections"> <div id="mapDirections"> <ul class="ui_links" id="topLinks"> <li class="ui_links__item"><a href="" id="searchLink">Search or browse UCL locations</a></li> </ul> <h1>Directions</h1> <% if (directions_error !== '') { %> <p><%= directions_error %></p> <% } else { %> <div class="link_share"> <label class="link_share__label" for="shareDirections">Share directions:</label> <input id="shareDirections" class="link_share__input" type="text" value="<%= directions_url %>" /> </div> <div class="ui_tools"> <ul class="ui_tools__list"> <li class="ui_tools__print"><a id="locationPrint" target="_blank" href="/maps/print/<%= direction_path %>">Print map and directions</a></li> </ul> </div> <p> <span class="bold">From:</span> <a href="" id="sourceLink"><%= direction_source %></a></p> <p> <span class="bold">To:</span> <a href="" id="targetLink"><%= direction_target %></a></p> <p>Travel time is approximately <%= direction_time %> <% if (direction_time === 1) { %> minute <% } else { %> minutes <% } %></p> <%= direction_directions %> <% } %> <p class="feedback">For corrections or feedback, email <a href="mailto:digitalcommunications@ucl.ac.uk">digitalcommunications@ucl.ac.uk</a></p> </div> </article> </script>  <script type="text/template" id="empty"> </script> <script src="/maps/js/lib/require.min.js"></script> <script src="/maps/js/main.js"></script>   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6nlGw86xpoijb2miwL1DwUtp8TTvaUd4&libraries=geometry"></script>  <script src="/maps/js/maps-extras/min/richmarker.min.js"></script> <script> require(["app/general", "uclmapsMain", "app/indigo-autocomplete-ga", "app/searchWithAutoComplete"]); </script>  <style> .my-marker { font-size: 100px; } </style> </head> <body id="home" class="is-displaying-map is-displaying-loader layout-horizontal layout-horizontal--full-width layout-horizontal--nav-1col"> <header class="header header--desktop"> <a class="header__close" href="#"> <img src="//cdn.ucl.ac.uk/indigo/images/close.png" class="lazy" data-src="//static.ucl.ac.uk/indigo/images/close.png" alt="X" />Close</a> <div class="masthead"> <div class="wrapper clearfix"> <div class="masthead__search"> <form action="https://search2.ucl.ac.uk/s/search.html" method="get"> <div class="search-form"> <input type="search" placeholder="Search UCL websites, degrees, short courses, people and more" class="search-form__input search-form__input--search" name="query" value=""> </div> <input type="hidden" name="collection" value="website-meta"> <input type="hidden" name="profile" value="_website"> <input type="hidden" name="tab" value="websites"> <input type="submit" name="submit" value="Go" class="btn search-form__input search-form__input--submit" /> </form> </div> <nav class="masthead__nav m-clear"> <ul class="masthead__list"> <li class="masthead__item"><a href="/" class="masthead__link">UCL Home</a> </li> <li class="masthead__item"><a href="/prospective-students" class="masthead__link">Prospective students</a> </li> <li class="masthead__item"><a href="/students" class="masthead__link">Current students</a> </li> <li class="masthead__item"><a href="/staff" class="masthead__link">Staff</a> </li> </ul> </nav> </div> </div>  <div id="result"></div>  <div class="wrapper"> <div class="photograph"> <div class="brand"> <h2 class="brand__heading">University maps</h2> <a href="/" class="brand__link"><span class="visually-hidden">Home</span></a> <img src="/maps/images/ucl-logo.svg" alt="UCL logo" id="logo" class="brand__logo"> </div> </div>  <nav class="nav nav--top"> <ul> <li> <a href="/maps">University maps home</a> </li> <li> <a href="/maps/public-transport/">Public transport options</a> </li> <li> <a href="/maps/downloads/">Download university maps</a> </li>  </ul> </nav>  <div id="loader"> <img src="images/ajax-loader.gif" /> Finding nearest UCL location... </div> </div>  </header>  <div class="site-content wrapper"> <header class="header header--mobile default-header"> <a class="header header__open" href="#"> <img src="/maps/images//mob-nav.png" class="lazy" alt="Menu" /> </a> </header> <div class="site-content__inner clearfix"> <div class="site-content__body">  <div class="loader"> <p class="loader__text">Loading</p> <div class="sk-spinner sk-spinner-three-bounce"> <div class="sk-bounce1"></div> <div class="sk-bounce2"></div> <div class="sk-bounce3"></div> </div> </div> <div class="site-content__main"> <noscript> <h1>Sorry!</h1> <p>You'll need to enable JavaScript to use our interactive map. However you can instead <a href="/maps/downloads">download PDFs of campus maps</a>.</p> </noscript> <div class="map_container" role="application"> <header class="mobile_title" id="mobileTitle"><h1>University maps</h1><a aria-hidden="true" class="mobile_title__link" id="closeMobileTitle" href="#"><img alt="Hide title" src="images/icons/Delete-16x16.png" /></a></header>  <div class="mobile_header arrow_right" id="mobileHeader"><a class="mobile_header__link" href="#" id="mobileLinkTools">Search or browse UCL locations</a></div> <div class="mobile_reset" id="mobileReset"><a href="#" class="mobile_reset__link" id="mobileResetLink"><img class="mobile_reset__icon" src="/maps/images/icons/Reload-16x16.png" />Reset map</a></div> <div id="keyFlag"><a href="#further-information">Show map key</a></div> <div class="gmap" id="map"> </div> <div class="map_interface dl1-dl2" id="mapInfoContainer"></div> </div> <a name="further-information"></a> <section class="mapsite_key" id="mapInfoKey"> <article class="box box_map_info"> <h1>Key</h1> <div class="row-block"> <div class="column1"> <img class="color-square" src="images/key/entrance.png" /> </div> <div class="column2"> <p class="label">Entrance</p> </div> </div> <div class="row-block"> <div class="column1"> <img class="color-square" src="images/key/accessible-entrance.png"/> </div> <div class="column2"> <p class="label">Accessible entrance</p> </div> </div> <div class="row-block"> <div class="column1"> <img class="color-square" src="images/key/mid-blue.png" /> </div> <div class="column2"> <p class="label">UCL buildings</p> </div> </div> <div class="row-block"> <div class="column1"></div> <img class="color-square" src="images/key/light-blue.png" /> <div class="column2"> <p class="label">UCL halls of residence / Affiliated buildings</p> </div> </div> <div class="row-block"> <div class="column1"> <img class="color-square" src="images/key/striped-blue.png" /> </div> <div class="column2"> <p class="label">UCL buildings under construction (no public access)</p> </div> </div> <div class="row-block"> <div class="column1"> <img class="color-square" src="images/key/striped-pink.png" /> </div> <div class="column2"> <p class="label">Construction zone (no public access)</p> </div> </div> </article> </section> <section class="mapsite_links_credits"> <h1 class="mapsite_links_credits__title"><a name="addn-info"></a>Additional information</h1>  <ul>  <li>If you are a wheelchair user or have other access requirements, you may need to <a href="https://www.ucl.ac.uk/estates/bloomsbury-campus/accessible-campus">adapt routes to meet your needs</a>.</li> <li>Find out more about <a href="https://www.ucl.ac.uk/library/using-library/libraries-and-study-spaces/available-study-spaces">available study spaces</a> and <a href="https://library-calendars.ucl.ac.uk/r">bookable study spaces</a>.</li> <li>Campus Maps are available from the official UCL student app, UCLGO! (for Apple, Android and Blackberry). Search for 'UCL' within the app store</li> </ul> <h1 class="mapsite_links_credits__title">Credits</h1> <ul> <li>Route directions tools adapted from Campus Route Finder developed by <a href="http://www.bartlett.ucl.ac.uk/casa">The Centre for Advanced Spatial Analysis (CASA)</a></li> <li>Location photography courtesy of UCL Photography</li> <li>Interactive map maintained by UCL Communications. For feedback or updates please contact <a href="mailto:digitalcommunications@ucl.ac.uk"> digitalcommunications@ucl.ac.uk</a>.</li> </ul>  <ol class="nonRfList"></ol> </section>  </div>  </div>  </div>  </div>  <footer class="footer wrapper"> <div class="footer__inner clearfix"> <article class="block block--col-1"> <h2 class="as-h5">UCL facilities</h2> <ul class="footer__list list-unstyled"> <li class="footer__item"><a href="//www.ucl.ac.uk/about/how/faculties">Faculties and departments</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/library/">Library</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/museums">Museums and Collections</a> </li> <li class="footer__item"><a href="//www.thebloomsbury.com/">UCL Bloomsbury Theatre</a> </li> </ul> </article> <article class="block block--col-2"> <h2 class="as-h5">UCL locations</h2> <ul class="footer__list list-unstyled"> <li class="footer__item"><a href="//www.ucl.ac.uk/maps">Maps and buildings</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/ucl-east">UCL East</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/global">UCL Global</a> </li> </ul> </article> <article class="block block--col-3"> <h2 class="as-h5">Connect with UCL</h2> <ul class="footer__list list-unstyled"> <li class="footer__item"><a href="//www.ucl.ac.uk/alumni">Alumni</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/enterprise">Businesses</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/media">Media Relations</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/hr/jobs/">Jobs</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/alumni/donations-gbp-single?PROJECT_CODE=U00003">Support us</a> </li> </ul> </article> <ul id="social" class="t1-t2 dl1-dl3"> <li><a href="//twitter.com/ucl"><img src="//static.ucl.ac.uk/img/35x35xtwitter.png.pagespeed.ic.McFsYiTPX-.png" alt="Twitter" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> <li><a href="//www.facebook.com/uclofficial"><img src="//static.ucl.ac.uk/img/35x35xfacebook.png.pagespeed.ic.-VUStBF1gm.png" alt="Facebook" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> <li><a href="//www.youtube.com/ucltv"><img src="//static.ucl.ac.uk/img/35x35xyoutube-icon-square.png.pagespeed.ic.GcRcZjQawu.png" alt="YouTube" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> <li><a href="//soundcloud.com/uclsound"><img src="//static.ucl.ac.uk/img/35x35xsoundcloud.png.pagespeed.ic.APAcD7pM-D.webp" alt="SoundCloud" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> <li><a href="//www.flickr.com/photos/uclnews"><img src="//static.ucl.ac.uk/img/35x35xflickr.png.pagespeed.ic.KdAnMQjbrP.png" alt="Flickr" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> <li><a href="//www.instagram.com/ucl/"><img src="//static.ucl.ac.uk/img/35x35xinstagram-badge.png.pagespeed.ic.OPAzj9OMyV.png" alt="Instagram" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> <li><a href="//medium.com/ucl-antenna"><img src="//static.ucl.ac.uk/img/35x35xantenna.png.pagespeed.ic.1-fHvaktyk.png" alt="Antenna" width="35" height="35" src="//static.ucl.ac.uk/img/1.gif"/></a></li> </ul> <hr class="clear"> <p class="zero-bottom clearfix">University College London, Gower Street, London, WC1E 6BT Tel: +44 (0) 20 7679 2000</p> <ul class="footer__links list-inline footer__list list-unstyled list-inline--divided"> <li class="footer__item">Copyright © 2017 UCL</li> <li class="footer__item"><a href="//www.ucl.ac.uk/disclaimer">Disclaimer</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/foi">Freedom of Information</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/accessibility">Accessibility</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/legal-services/privacy">Privacy and Cookies</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/procurement/suppliers/slavery-stmt">Slavery statement</a> </li> <li class="footer__item"><a href="//www.ucl.ac.uk/contact-list">Contact Us</a> </li> </ul> </div> </footer> </body> </html>

CINXE.COM

UCL Maps