West One Spaces

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T48Z72B5');</script>  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-v2-32x32.png"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> <link rel="stylesheet" href="../bootstrap/bootstrap-custom-westonespaces-new.css"/> <link rel="stylesheet" href="../css/custom.css?v=29"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"/> <title>West One Spaces</title><meta name="description" content="Find your perfect event space in the heart of London."> <meta name="keywords" content="venue hire,halls for rent,meeting room hire,event space,london,w1,west end,marylebone,oxford circus,central london,party space rental,halls for hire,function rooms,venues to rent,event hire,dry hire,concert venue,community halls for hire"> <meta property="og:type" content="website"> <meta property="og:site_name" content="West One Spaces"> <meta property="og:url" content="https://westonespaces.com/"> <meta property="og:title" content="West One Spaces"> <meta property="og:description" content="Find your perfect event space in the heart of London."> <meta property="og:image" content="https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg"> <meta property="og:image:secure_url" content="https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:locale" content="en-US"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="West One Spaces"> <meta name="twitter:description" content="Find your perfect event space in the heart of London."> <meta name="twitter:url" content="https://westonespaces.com/"> <meta name="twitter:image" content="https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1024x512_crop_center-center_82_none/aslp-church-08.jpg"> <link href="https://westonespaces.com/" rel="canonical"> <style> .all-souls-langham-place { --venue_colour: #e4572e; --venue_hover_colour: hsl(14,77%,62.1%); --venue_hover_colour_alt: hsl(14,77%,67.5%); --venue_button_text_colour: #0F1010; } .st-pauls-robert-adam-street { --venue_colour: #17bebb; --venue_hover_colour: hsl(179,78%,48.3%); --venue_hover_colour_alt: hsl(179,78%,52.5%); --venue_button_text_colour: #0F1010; } .all-souls-clubhouse { --venue_colour: #ffc914; --venue_hover_colour: hsl(46,100%,62.1%); --venue_hover_colour_alt: hsl(46,100%,67.5%); --venue_button_text_colour: #0F1010; } </style></head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T48Z72B5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav class="navbar navbar-expand-lg sticky-top"> <div class="container-fluid p-0"> <a class="navbar-brand" href="/">West One Spaces</a> <a id="menu-button" class="btn btn-navy d-flex d-lg-none align-items-center" data-bs-toggle="offcanvas" href="#offcanvasNavbar" role="button" aria-controls="offcanvasNavbar"> <span> Menu </span> <iconify-icon icon="mdi:menu"></iconify-icon> </a> <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5> <a type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"> <iconify-icon icon="mdi:close"></iconify-icon> </a> </div> <div class="offcanvas-body"> <ul class="navbar-nav align-items-lg-center justify-content-lg-end flex-grow-1"> <li class="nav-item"> <a class="nav-link" href="https://westonespaces.com/spaces" title="Spaces">Spaces</a> </li> <li class="nav-item"> <a class="btn btn-navy" href="https://westonespaces.com/contact" title="Contact">Contact</a> </li> </ul> </div> </div> </div> </nav> <header class="home d-flex flex-column flex-md-row align-items-center justify-content-center"> <div class="swiper header-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image: url(/images/Spaces/ASLP/All-Souls-Church/aslp-church-08.jpg);"></div> <div class="swiper-slide" style="background-image: url(/images/Spaces/CH/Dining-Room/ch-dining-room-02.jpg);"></div> <div class="swiper-slide" style="background-image: url(/images/Spaces/SPRAS/St-Pauls-Church/spras-church-09.jpg);"></div> <div class="swiper-slide" style="background-image: url(/images/Spaces/CH/Clubhouse-Gym/ch-gym-03.jpg);"></div> <div class="swiper-slide" style="background-image: url(/images/Spaces/CH/Upper-Room/ch-upper-room-02.jpg);"></div> <div class="swiper-slide" style="background-image: url(/images/Spaces/ASLP/Langham-Room/aslp-langham-room-03.jpg);"></div> </div> <div class="swiper-button-next"> <iconify-icon icon="mdi-light:chevron-right"></iconify-icon> </div> <div class="swiper-button-prev"> <iconify-icon icon="mdi-light:chevron-left"></iconify-icon> </div> <a class="down-arrow" href="#spaces"> <iconify-icon icon="mdi-light:arrow-down-circle"></iconify-icon> </a> </div> <section class="container d-flex justify-content-center "> <div class="container"> <h1> Find your next<br /> <u data-delay="1250" data-words>   <span class="text-anim-items"> <span class="text-anim-item"><span>meeting</span></span> <span class="text-anim-item"><span>filming</span></span> <span class="text-anim-item"><span>rehearsal</span></span> <span class="text-anim-item"><span>sports</span></span> <span class="text-anim-item"><span>working</span></span> <span class="text-anim-item"><span>concert</span></span> <span class="text-anim-item"><span>party</span></span> <span class="text-anim-item"><span>reception</span></span> <span class="text-anim-item"><span>gallery</span></span> <span class="text-anim-item"><span>event</span></span> <span class="text-anim-item blank"><span></span></span> </span> <span class="anim-line"></span> </u> <span class="space">space</span> <br />in central London. </h1> </div> </section> </header> <main> <section class="container full-width icon-attributes"> <div class="row g-0 bg-navy"> <div class="col-12 d-flex align-items-center justify-content-center"> <div class="container short"> <div class="row row-cols-2 row-cols-sm-4"> <div class="col text-center"> <lord-icon src="https://cdn.lordicon.com/oesmqhsi.json" trigger="hover" target="div" colors="primary:#ffffff" style="width:50px;height:50px;"></lord-icon> <p>Central Location</p> </div> <div class="col text-center"> <lord-icon src="https://cdn.lordicon.com/ygnmvgzy.json" trigger="hover" target="div" colors="primary:#ffffff" style="width:50px;height:50px;transform:rotate(90deg)"></lord-icon> <p>Versatile Spaces</p> </div> <div class="col text-center"> <lord-icon src="https://cdn.lordicon.com/tdbjchmu.json" trigger="hover" target="div" colors="primary:#ffffff" style="width:50px;height:50px;"></lord-icon> <p>Competitive Prices</p> </div> <div class="col text-center"> <lord-icon src="https://cdn.lordicon.com/hrjifpbq.json" trigger="hover" target="div" colors="primary:#ffffff" style="width:50px;height:50px;"></lord-icon> <p>Dedicated Staff</p> </div> </div> </div> </div> </div> </section> <section class="container spaces cards"> <a class="anchor" name="spaces"></a> <div class="row mb-2pt5"> <div class="col"> <h2 class="text-navy lh-1 mb-0">Spaces</h2> </div> </div> <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-3 row-cols-xl-4"> <div class="col"> <div class="card h-100 all-souls-langham-place"> <a href=https://westonespaces.com/all-souls-langham-place/all-souls-church class="stretched-link no-hover"><img src=/images/Spaces/ASLP/All-Souls-Church/_spacesListImage525px/aslp-church-08.jpg class="card-img-top" alt="The church hall at All Souls Langham Place, set up in rows."></a> <div class="card-body"> <h5 class="card-title">All Souls Church</h5> <p class="location"><iconify-icon icon="mdi:map-marker"></iconify-icon><span>All Souls Langham Place</span></p> <p class="card-text">Our premiere events space, the All Souls Church is the perfect location for a concert, a conference or a gala.</p> </div> <div class="card-footer"> <ul class="attributes"> <li><iconify-icon icon="mdi:account-multiple"></iconify-icon><span>700 capacity</span></li> <li><iconify-icon icon="mdi:ruler-square"></iconify-icon><span>550m虏</span></li> <li><iconify-icon icon="mdi:currency-gbp"></iconify-icon> <span> 拢500 per hour / 拢3500 per day </span> </li> </ul> </div> </div> </div> <div class="col"> <div class="card h-100 all-souls-langham-place"> <a href=https://westonespaces.com/all-souls-langham-place/langham-room class="stretched-link no-hover"><img src=/images/Spaces/ASLP/Langham-Room/_spacesListImage525px/aslp-langham-room-01.jpg class="card-img-top" alt="The Langham Room at All Souls Langham Place, set up with tables and chairs."></a> <div class="card-body"> <h5 class="card-title">Langham Room</h5> <p class="location"><iconify-icon icon="mdi:map-marker"></iconify-icon><span>All Souls Langham Place</span></p> <p class="card-text">With large windows and an excellent display screen, the Langham Room works well as a green room for a larger event, or as a place to hold board meetings.</p> </div> <div class="card-footer"> <ul class="attributes"> <li><iconify-icon icon="mdi:account-multiple"></iconify-icon><span>30 capacity</span></li> <li><iconify-icon icon="mdi:ruler-square"></iconify-icon><span>42m虏</span></li> <li><iconify-icon icon="mdi:currency-gbp"></iconify-icon> <span> 拢100 per hour / 拢650 per day </span> </li> </ul> </div> </div> </div> <div class="col"> <div class="card h-100 all-souls-clubhouse"> <a href=https://westonespaces.com/all-souls-clubhouse/clubhouse-gym class="stretched-link no-hover"><img src=/images/Spaces/CH/Clubhouse-Gym/_spacesListImage525px/ch-gym-04.jpg class="card-img-top" alt="The gym at All Souls Clubhouse, set up as an empty room."></a> <div class="card-body"> <h5 class="card-title">Clubhouse Gym</h5> <p class="location"><iconify-icon icon="mdi:map-marker"></iconify-icon><span>All Souls Clubhouse</span></p> <p class="card-text">A fully equipped gymnasium with basketball hoops and a wooden floor. A versatile space that can be used for a wide range of activities and events.</p> </div> <div class="card-footer"> <ul class="attributes"> <li><iconify-icon icon="mdi:basketball-hoop-outline"></iconify-icon><span>Basketball hoops and court markings</span></li> <li><iconify-icon icon="mdi:ruler-square"></iconify-icon><span>156m虏</span></li> <li><iconify-icon icon="mdi:currency-gbp"></iconify-icon> <span> 拢75 per hour / 拢300 per day </span> </li> </ul> </div> </div> </div> <div class="col col-lg-12"> <div class="card btns h-100"> <a class="btn btn-navy text-white h-100 w-100 flex-sm-column flex-lg-row flex-xl-column justify-content-center align-items-center p-2 fs-1" href="/spaces" role="button"> View all spaces <lord-icon src="https://cdn.lordicon.com/whtfgdfm.json" trigger="hover" target="a" colors="primary:#ffffff" style="width:50px;height:50px"></lord-icon> </a> </div> </div> </div> </section> <section class="container full-width"> <div class="row g-0 bg-none"> <div class="col"> <div class="container mt-0 mb-2pt5 mb-lg-5"> <h4 class="text-navy lh-1 mb-0">Previous Clients</h4> </div> </div> <div class="swiper logos-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/portland-place-school-navy.png" alt="Portland Place School Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/omf-navy.png" alt="OMF Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/bbc-navy.png" alt="BBC Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/queens-college-prep-navy.png" alt="Queen's College London Preparatory School Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/apple-tv-plus-navy.png" alt="Apple TV+ Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/lcm-navy.png" alt="London City Mission Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/netflix-navy.png" alt=""/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/king-bert-navy.png" alt="King Bert Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/the-one-show-navy.png" alt="The One Show Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/wetherby-school-navy.png" alt="Wetherby School Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/universal-music-group-navy.png" alt="Universal Music Group Logo"/> </div> <div class="swiper-slide"> <img src="/images/Logos/_logos150px/elim-navy.png" alt="Elim Pentecostal Church Logo"/> </div> </div> </div> </div> </section> <section class="map-locations"> <div class="row g-0"> <div class="col-12 col-md-6 col-lg-5 col-xl-4"> <div class="container bg-navy text-white"> <h2>Find Us</h2><p>West One Spaces provides versatile spaces for hire across three venues, all in the heart of London W1. Our venues are a short distance from Kings Cross, Euston, Marylebone and Paddington train stations, and an easy walk from eight tube stops.</p> <div class="btns flex-column"> <div class="all-souls-langham-place"> <a class="btn" id="anchor1" href="#" role="button">All Souls Langham Place</a><br /> </div> <div class="st-pauls-robert-adam-street"> <a class="btn" id="anchor2" href="#" role="button">St Paul's Robert Adam Street</a><br /> </div> <div class="all-souls-clubhouse"> <a class="btn" id="anchor3" href="#" role="button">All Souls Clubhouse</a> </div> </div> </div> </div> <div id="map-area" class="col-12 col-md-6 col-lg-7 col-xl-8"> <div id="map-buttons"> <button id="mapReset" class="btn btn-white" type="button">Reset</button> </div> <div id="map"></div> </div> </div> </section> </main> <footer> <section class="container full-width"> <div class="row g-0 bg-dark"> <div class="col-12 d-flex align-items-center justify-content-center"> <div class="container text-white my-10"> <ul class="mb-2pt5"> <li> <a href="https://westonespaces.com/spaces" title="Spaces">Spaces</a> </li> <li> <a href="https://westonespaces.com/about" title="About">About</a> </li> <li> <a href="https://westonespaces.com/faqs" title="FAQs">FAQs</a> </li> <li> <a href="https://westonespaces.com/contact" title="Contact">Contact</a> </li> </ul> <div style="font-size: 0.8em"> <p class="mb-1"> © <script type="text/javascript"> document.write(new Date().getFullYear()); </script> West One Spaces<br /> Managed by All Souls Langham Place, registered Charity 1132882 </p> <ul> <li><a href="/privacy-policy">Privacy Policy</a></li> <li><a href="/cookies-policy">Cookies Policy</a></li> </ul> </div> </div> </div> </div> </section> </footer> <script src="../bootstrap/bootstrap.bundle.min.js" type="text/javascript"></script> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <script src="https://code.iconify.design/iconify-icon/2.0.0/iconify-icon.min.js"></script> <script src="https://cdn.lordicon.com/lordicon-1.2.0.js"></script> <script type="text/javascript" src="../js/custom.js"></script> <script type="application/ld+json">{ "@context": "http://schema.org/", "@type": "NGO", "name": "West One Spaces", "description": "Find your perfect event space in the heart of London.", "url": "https://westonespaces.com/", "telephone": "+44 20 8163 5989", "email": "mailto:hire@westonespaces.com", "image": { "@type": "ImageObject", "url": "https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg", "height": 630, "width": 1200 }, "locationAddressId": { "@type": "PostalAddress", "addressCountry": "GB", "addressLocality": "London", "addressRegion": null, "postalCode": "RM12 4JX", "streetAddress": "All Souls Church 2 All Souls Place" } }</script> <script type="application/ld+json">{ "@context": "http://schema.org/", "@type": "Website", "name": "West One Spaces", "description": "Find your perfect event space in the heart of London.", "keywords": "venue hire,halls for rent,meeting room hire,event space,london,w1,west end,marylebone,oxford circus,central london,party space rental,halls for hire,function rooms,venues to rent,event hire,dry hire,concert venue,community halls for hire", "url": "https://westonespaces.com/", "image": { "@type": "ImageObject", "url": "https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg", "height": 630, "width": 1200 }, "author": { "@type": "NGO", "name": "West One Spaces", "description": "Find your perfect event space in the heart of London.", "url": "https://westonespaces.com/", "telephone": "+44 20 8163 5989", "email": "mailto:hire@westonespaces.com", "image": { "@type": "ImageObject", "url": "https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg", "height": 630, "width": 1200 }, "locationAddressId": { "@type": "PostalAddress", "addressCountry": "GB", "addressLocality": "London", "addressRegion": null, "postalCode": "RM12 4JX", "streetAddress": "All Souls Church 2 All Souls Place" } }, "copyrightHolder": { "@type": "NGO", "name": "West One Spaces", "description": "Find your perfect event space in the heart of London.", "url": "https://westonespaces.com/", "telephone": "+44 20 8163 5989", "email": "mailto:hire@westonespaces.com", "image": { "@type": "ImageObject", "url": "https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg", "height": 630, "width": 1200 }, "locationAddressId": { "@type": "PostalAddress", "addressCountry": "GB", "addressLocality": "London", "addressRegion": null, "postalCode": "RM12 4JX", "streetAddress": "All Souls Church 2 All Souls Place" } }, "creator": { "@type": "NGO", "name": "West One Spaces", "description": "Find your perfect event space in the heart of London.", "url": "https://westonespaces.com/", "telephone": "+44 20 8163 5989", "email": "mailto:hire@westonespaces.com", "image": { "@type": "ImageObject", "url": "https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg", "height": 630, "width": 1200 }, "locationAddressId": { "@type": "PostalAddress", "addressCountry": "GB", "addressLocality": "London", "addressRegion": null, "postalCode": "RM12 4JX", "streetAddress": "All Souls Church 2 All Souls Place" } } }</script> <script type="application/ld+json">{ "@context": "http://schema.org/", "@type": "Place", "name": "West One Spaces", "description": "Find your perfect event space in the heart of London.", "url": "https://westonespaces.com/", "image": { "@type": "ImageObject", "url": "https://westonespaces.com/images/Spaces/ASLP/All-Souls-Church/_1200x630_crop_center-center_82_none/aslp-church-08.jpg", "height": 630, "width": 1200 }, "telephone": "+44 20 8163 5989", "locationAddressId": { "@type": "PostalAddress", "addressCountry": "GB", "addressLocality": "London", "addressRegion": null, "postalCode": "RM12 4JX", "streetAddress": "All Souls Church 2 All Souls Place" } }</script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRnPVAI9uzZV_94Rs0fUe5Pny1eyy94uQ&callback=initMap" async defer></script> <script>document.addEventListener('DOMContentLoaded', initTextAnimSlider); function initTextAnimSlider() { var textAnimHolder = document.querySelector('[data-words]'); var textAnimItem = document.querySelectorAll('.text-anim-item'); var textAnimItems = document.querySelector('.text-anim-items'); var animLine = document.querySelector('.anim-line'); var spaceWord = document.querySelector('h1 .space'); var animIn = 'anim-in'; var animOut = 'anim-out'; var lineActiveClass = 'line-active'; var animNextItem = null; var animPrevItem = null; var animFirstLoad = false; var animDuration = textAnimHolder.getAttribute('data-delay'); var animCounter = 0; var setTimeAnim; var setTimeAnimResize; animFunc(); getHolderWidth(); function animFunc() { clearTimeout(setTimeAnim); setTimeAnim = setTimeout(function () { animFirstLoad = true; if (animPrevItem !== null) { animPrevItem.classList.add(animOut); } animNextItem = textAnimItems.children[animCounter]; animNextItem.classList.remove(animOut); animNextItem.classList.add(animIn); animLine.style.width = animNextItem.clientWidth + 10 + 'px'; animLine.classList.add(lineActiveClass); console.log("New width: " + animNextItem.clientWidth); animPrevItem = animNextItem; if (animCounter === textAnimItem.length - 1) { animCounter = 0; animDuration = textAnimHolder.getAttribute('data-delay') * 4; } else { animCounter++; animDuration = textAnimHolder.getAttribute('data-delay'); } animFunc(); }, animFirstLoad ? animDuration : 0); } function getHolderWidth() { var itemsWidth = []; for(var i =0; i < textAnimItem.length; i++) { itemsWidth.push(textAnimItem[i].clientWidth); console.log("Width: " + textAnimItem[i].clientWidth); } //var biggestWidth = Math.max.apply(null, itemsWidth) + 'px'; var minimumWidth = Math.max.apply(null, itemsWidth) + 10 + 'px'; var minimumWidthPlusOffset = Math.max.apply(null, itemsWidth) + spaceWord.clientWidth + 20 + 'px'; var h1Holder = document.querySelector('header.home h1'); h1Holder.style.minWidth = minimumWidthPlusOffset; //console.log("Min width: " + minimumWidthPlusOffset); //textAnimHolder.style.width = '400px'; textAnimHolder.style.width = minimumWidth; } function resizeHandler() { clearTimeout(setTimeAnim); clearTimeout(setTimeAnimResize); getHolderWidth(); setTimeAnimResize = setTimeout(function() { animFunc(); }, 50); } window.addEventListener('resize', resizeHandler); window.addEventListener('orientationchange', resizeHandler); }; // Initialize and add the map function initMap() { // Set the initial centre of the map as 0,0 (we'll change this later) var mapCenter = {lat: 0, lng: 0}; // Set the map with custom styles var map = new google.maps.Map(document.getElementById('map'), { center: mapCenter, scrollwheel: false, styles: [{"elementType":"geometry","stylers":[{"color":"#f5f5f5"}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"elementType":"labels.text.fill","stylers":[{"color":"#616161"}]},{"elementType":"labels.text.stroke","stylers":[{"color":"#f5f5f5"}]},{"featureType":"administrative.land_parcel","elementType":"labels.text.fill","stylers":[{"color":"#bdbdbd"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#eeeeee"}]},{"featureType":"poi","elementType":"labels.text.fill","stylers":[{"color":"#757575"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#e5e5e5"}]},{"featureType":"poi.park","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"labels.text.fill","stylers":[{"color":"#9e9e9e"}]},{"featureType":"road","elementType":"geometry","stylers":[{"color":"#ffffff"}]},{"featureType":"road.arterial","elementType":"labels.text.fill","stylers":[{"color":"#757575"}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#dadada"}]},{"featureType":"road.highway","elementType":"labels.text.fill","stylers":[{"color":"#616161"}]},{"featureType":"road.local","elementType":"labels.text.fill","stylers":[{"color":"#9e9e9e"}]},{"featureType":"transit.line","stylers":[{"visibility":"off"}]},{"featureType":"transit.line","elementType":"geometry","stylers":[{"color":"#e5e5e5"}]},{"featureType":"transit.station","elementType":"geometry","stylers":[{"color":"#eeeeee"}]},{"featureType":"transit.station.bus","elementType":"labels.icon","stylers":[{"saturation":-100},{"lightness":75},{"visibility":"simplified"}]},{"featureType":"transit.station.rail","elementType":"labels.icon","stylers":[{"color":"#1d2c4d"},{"saturation":-100},{"visibility":"on"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#c9c9c9"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#9e9e9e"}]}] }); // Set a variable to track the bounds of all markers var latlngbounds = new google.maps.LatLngBounds(); // For all the venues... // Get the location position of the venue // Set the icon // Add the marker to the map // Set the info window with the address of the venue // Add the 'move-to' functionality so that when the marker or label are clicked it moves to that marker and opens the info window // Extend the bounds of the map to include the new venue var location1 = {lat: parseFloat(51.518020078294), lng: parseFloat(-0.14315226115286)}; var icon1 = { url: "https://api.iconify.design/mdi/map-marker.svg?color=%23e4572e", anchor: new google.maps.Point(25, 50), scaledSize: new google.maps.Size(50, 50) }; var marker1 = new google.maps.Marker({ position: location1, map: map, icon: icon1 }); var content1 = `<div class="info-window all-souls-langham-place"><p><b>All Souls Church</b><br />` + `Langham Place<br />London<br />W1B 3DA<br />` + `<a class="btn" href="https://westonespaces.com/all-souls-langham-place">View spaces</a></p></div>`; var info1 = new google.maps.InfoWindow({ content: content1, disableAutoPan: true, }); function moveTo1() { map.setZoom(16); map.panTo(marker1.getPosition()); map.panBy(0, -50); info1.open(map, marker1); info2.close(); info3.close(); currentMarker = marker1; } function anchorMoveTo1(e) { moveTo1(); e.preventDefault(); } marker1.addListener("click", moveTo1); anchor1.addEventListener("click", anchorMoveTo1); info1.addListener("closeclick",function() { currentMarker = ""; }); latlngbounds.extend(location1); var location2 = {lat: parseFloat(51.517329904876), lng: parseFloat(-0.15372211346403)}; var icon2 = { url: "https://api.iconify.design/mdi/map-marker.svg?color=%2317bebb", anchor: new google.maps.Point(25, 50), scaledSize: new google.maps.Size(50, 50) }; var marker2 = new google.maps.Marker({ position: location2, map: map, icon: icon2 }); var content2 = `<div class="info-window st-pauls-robert-adam-street"><p><b>St Paul's Church</b><br />` + `Robert Adam Street<br />London<br />W1U 3HW<br />` + `<a class="btn" href="https://westonespaces.com/st-pauls-robert-adam-street">View spaces</a></p></div>`; var info2 = new google.maps.InfoWindow({ content: content2, disableAutoPan: true, }); function moveTo2() { map.setZoom(16); map.panTo(marker2.getPosition()); map.panBy(0, -50); info1.close(); info2.open(map, marker2); info3.close(); currentMarker = marker2; } function anchorMoveTo2(e) { moveTo2(); e.preventDefault(); } marker2.addListener("click", moveTo2); anchor2.addEventListener("click", anchorMoveTo2); info2.addListener("closeclick",function() { currentMarker = ""; }); latlngbounds.extend(location2); var location3 = {lat: parseFloat(51.5228062), lng: parseFloat(-0.14172505409862)}; var icon3 = { url: "https://api.iconify.design/mdi/map-marker.svg?color=%23ffc914", anchor: new google.maps.Point(25, 50), scaledSize: new google.maps.Size(50, 50) }; var marker3 = new google.maps.Marker({ position: location3, map: map, icon: icon3 }); var content3 = `<div class="info-window all-souls-clubhouse"><p><b>All Souls Clubhouse</b><br />` + `141 Cleveland Street<br />London<br />W1T 6QG<br />` + `<a class="btn" href="https://westonespaces.com/all-souls-clubhouse">View spaces</a></p></div>`; var info3 = new google.maps.InfoWindow({ content: content3, disableAutoPan: true, }); function moveTo3() { map.setZoom(16); map.panTo(marker3.getPosition()); map.panBy(0, -50); info1.close(); info2.close(); info3.open(map, marker3); currentMarker = marker3; } function anchorMoveTo3(e) { moveTo3(); e.preventDefault(); } marker3.addListener("click", moveTo3); anchor3.addEventListener("click", anchorMoveTo3); info3.addListener("closeclick",function() { currentMarker = ""; }); latlngbounds.extend(location3); // Add an event listener to track when the reset button is clicked mapReset.addEventListener("click", function () { map.panTo(latlngbounds.getCenter()); map.fitBounds(latlngbounds); info1.close(); info2.close(); info3.close(); }); // Set the new centre of the map and show the entire bounds in the map map.setCenter(latlngbounds.getCenter()); map.fitBounds(latlngbounds); };</script></body> </html>

CINXE.COM

West One Spaces