Interactive Map – Plains of Abraham

<!doctype html> <html lang="en-CA" class=""> <head> <script> const shoebox = { siteHandle: "en", cookieConsent: { necessary: Boolean(1), functional: Boolean(), statistics: Boolean(), marketing: Boolean(), } } window.shoebox = shoebox; </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } (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-P32BZZDS'); </script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="csrf-token" content="u46fGEzTQtLr33kBdj2bp30Zx5bvV_9qHLXhsoSY0Ag0ULND-4HOC47D9XMNh3ShhYlIOB5x8ektL7DFhzqUOizbrffwrLc9RRn1B67Plz0="> <link rel="icon" type="image/png" href="https://www.plainsofabraham.ca/cpresources/87f66506/favicon.png?v=1731507434" > <link rel="icon" type="image/svg+xml" href="https://www.plainsofabraham.ca/cpresources/87f66506/favicon.svg?v=1731507434" > <link rel="home" href="https://www.plainsofabraham.ca/"> <link rel="canonical" href="https://www.plainsofabraham.ca/plains-abraham-map"> <meta property="og:url" content="https://www.plainsofabraham.ca/plains-abraham-map"><meta name="twitter:url" content="https://www.plainsofabraham.ca/plains-abraham-map"><meta property="og:locale" content="en-CA"> <title>Interactive Map – Plains of Abraham</title> <meta name="description" content="Explore the historic locations and monuments of the Plains of Abraham and consult details of the sites and nearby activities."> <meta name="twitter:card" content="summary_large_image"> <meta property="og:site_name" content="Plains of Abraham"> <meta property="og:type" content="website"> <meta property="og:title" content="Interactive Map"> <meta property="og:description" content="Explore the historic locations and monuments of the Plains of Abraham and consult details of the sites and nearby activities."> <meta name="twitter:title" content="Interactive Map"> <meta name="twitter:description" content="Explore the historic locations and monuments of the Plains of Abraham and consult details of the sites and nearby activities."> <link rel="alternate" href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" hreflang="fr-ca"> <link rel="alternate" href="https://www.plainsofabraham.ca/plains-abraham-map" hreflang="en-ca"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.plainsofabraham.ca\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.plainsofabraham.ca\/plains-abraham-map","name":"Carte interactive"}}]}</script> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="/dist/assets/app-29f33cd9.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/js/app.ts'}});document.dispatchEvent(e);"></script> <link href="/dist/assets/app-e3b03962.css" rel="stylesheet"> <link href="https://www.plainsofabraham.ca/cpresources/31d5748/css/formie-theme.css?v=1729388705" rel="stylesheet"> <link href="https://www.plainsofabraham.ca/cpresources/e8919b84/style.css?v=1731507430" rel="stylesheet"></head> <body class="bg-beige-100" x-data :class="$store.megaMenu.open ? 'overflow-hidden' : ''"> <noscript ><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P32BZZDS" height="0" width="0" style="display:none;visibility:hidden" ></iframe ></noscript> <section id="elc-cookie-consent" class="elc-small"> <form id="elc-cookie-consent-form" action="" data-url="https://www.plainsofabraham.ca/index.php?p=actions/" data-refresh=true data-refreshTime=500 data-show="https://www.plainsofabraham.ca/cookie-consent/show" method="post" accept-charset="UTF-8"> <input type="hidden" name="action" value="cookie-consent/consent/update"> <input type="hidden" name="site_id" value="2"> <input type="hidden" name="CRAFT_CSRF_TOKEN" value="u46fGEzTQtLr33kBdj2bp30Zx5bvV_9qHLXhsoSY0Ag0ULND-4HOC47D9XMNh3ShhYlIOB5x8ektL7DFhzqUOizbrffwrLc9RRn1B67Plz0="> <header class="elc-header"> <h3 class="elc-primary-heading">This website uses cookies</h3> <p class="elc-header-description">We use cookies to personalize content, analyze our traffic and improve our service.</p> </header> <div id="elc-cookie-consent-settings"> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-1" class="elc-cookie-checkbox" name="group-en-necessary" disabled="disabled" checked> <label class="elc-cookie-name" for="elc-checkbox-1">Essential <small>(Requis)</small></label> </div> <div class="elc-row elc-cookie-description"> Essential cookies are necessary to operate the core functions of our website. These include login cookies, session ID cookies, language cookies as well as security cookies. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-2" class="elc-cookie-checkbox" name="group-en-functional"> <label class="elc-cookie-name" for="elc-checkbox-2">Functional</label> </div> <div class="elc-row elc-cookie-description"> Functional cookies are used to provide you with certain website functionality, and to remember website preferences, consents and configurations. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-3" class="elc-cookie-checkbox" name="group-en-statistics"> <label class="elc-cookie-name" for="elc-checkbox-3">Analytical</label> </div> <div class="elc-row elc-cookie-description"> Analytical cookies are used to generate aggregated statistical data about traffic and behavior of our website’ users. </div> </div> <div class="elc-cookie-group"> <div class="elc-row elc-cookie-headline"> <input type="checkbox" id="elc-checkbox-4" class="elc-cookie-checkbox" name="group-en-marketing"> <label class="elc-cookie-name" for="elc-checkbox-4">Marketing</label> </div> <div class="elc-row elc-cookie-description"> We use marketing cookies to serve you ads and marketing materials that better align your interests. We also use analytic cookies to understand our marketing cookies and limit the number of times you see an ad, measure the effectiveness of our marketing campaigns and adjust content. </div> </div> </div> <div class="button-container"> <a href="#" id="elc-detail-link" class="elc-text-link">Details</a> <a href="#" id="elc-hide-detail-link" class="elc-text-link">Hide Details</a> <button id="elc-save-link" class="elc-secondary-button-link" type="submit">Save</button> <button id="elc-accept-link" class="elc-secondary-button-link" type="submit">Save</button> <button id="elc-accept-all-link" class="elc-button-link" type="submit">Accept All</button> </div> </form> </section> <div id="elc-cookie-tab" class="elc-hidden"> <a href="#" id="elc-tab-link">COOKIES</a> </div> <div class="flex min-h-dvh flex-col justify-between"> <div> <div class="sticky top-0 z-50" x-data="{activeId: null}" x-show="!$store.fullscreenMap.fullscreen"> <nav class="relative hidden border-b bg-beige-100 md:block"> <div class="mx-auto flex flex-wrap items-center justify-end p-3"> <ul class="flex flex-col gap-4 md:mt-0 md:flex-row md:items-center md:space-x-4"> <li> <a href="https://www.plainsofabraham.ca/blog" class="block hover:font-semibold" >Blog</a> </li> <li> <a href="https://www.plainsofabraham.ca/plains-abraham-map" class="block hover:font-semibold" >Interactive Map</a> </li> <li> <a href="https://www.plainsofabraham.ca/contact" class="block hover:font-semibold" >Contact</a> </li> <li> <div class="z-1 pointer-events-none relative" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" role="presentation" > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-data="search" x-trap.noscroll="shown" data-url="https://www.plainsofabraham.ca/search/results" data-target="quick-search-desktop" class="z-30 mx-auto hidden max-w-3xl normal-case" :class="shown ? 'fixed inset-0 w-full px-3 pt-16 pb-12 !flex flex-col h-dvh' : 'relative !block'" > <div :class="shown ? 'fixed inset-0 w-full h-dvh bg-beige-100' : ''" class="z-10" @click="close()"></div> <form x-ref="form" class="relative z-20" action="https://www.plainsofabraham.ca/search"> <input x-ref="filterQuery" @keyup.escape="close" @click="open" @keyup.debounce.400ms="submit" @keyup.enter="$event.target.form.submit()" name="q" autocomplete="off" placeholder="Search for a location, activity, event, etc." class="font-semibold placeholder:truncate placeholder:font-normal placeholder:text-black/60 focus:border focus:border-b-0 focus:border-black focus:shadow-none focus:outline-0 focus:ring-0" :class="shown ? 'w-full bg-beige-300 border-b-0 py-4 pl-4 pr-10' : 'cursor-pointer opacity-0 absolute w-[22px] h-[22px]'" type="text" > <div x-show="shown" class="pointer-events-none absolute right-4 top-5 h-[20px] w-[20px] opacity-40" aria-hidden="true" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-show="shown" class="fixed right-3 top-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="close" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> </form> <div x-show="!shown" class="pointer-events-none relative z-20 -mt-[22px] h-[22px] w-5" ></div> <div x-show="shown" class="z-20 max-h-[calc(100dvh-100px)] overflow-y-auto overscroll-contain border border-t-0 border-black bg-beige-100" > <div x-data="htmlGet" data-source="quick-search-desktop" class="max-w-4xl" @html-get-clear.window="clear" @html-get-load.window="load" > <div x-show="error" class="p-4 text-sm font-normal opacity-60">Search error. Try again later.</div> <div x-show="loading" class="p-4"><svg class="size-5 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="quick-search group p-4 transition-opacity" x-show="ready" ></div> </div> </div> </div> </li> <li> <a class="group flex items-center justify-between gap-2 rounded-full bg-black py-1 pl-2 pr-3 text-xs font-medium uppercase text-white" href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" > <svg class="h-[18px] w-[18px] transition-all group-hover:translate-x-1" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' > <path d="M19.5849 9.95084C19.5856 11.2135 19.3375 12.4639 18.8549 13.6307C18.3724 14.7975 17.6647 15.8578 16.7723 16.7511C15.8799 17.6444 14.8203 18.3532 13.6541 18.837C12.4878 19.3208 11.2376 19.5702 9.97493 19.5708C7.4127 19.5283 4.97097 18.4755 3.18116 16.6415C1.39136 14.8075 0.398352 12.3409 0.418262 9.77834C0.420314 7.32896 1.38123 4.97772 3.09527 3.22801C4.80932 1.47829 7.14028 0.469166 9.5891 0.416677C9.72743 0.410843 9.86576 0.408343 10.0058 0.408343C11.2625 0.401526 12.5082 0.643428 13.6711 1.12012C14.834 1.5968 15.8911 2.29886 16.7815 3.18584C17.6719 4.07282 18.378 5.1272 18.8591 6.28824C19.3403 7.44929 19.5869 8.69405 19.5849 9.95084Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.58594 0.416748C4.58594 5.83341 4.58594 12.9001 9.58594 19.5667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4219 0.416748C15.4219 5.83341 15.4219 12.8976 10.4219 19.5642" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.98828 4.56982H17.9333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.421875 9.56982H19.586" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.65234 14.5698H18.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> fr</a> </li> </ul> </div> </nav> <nav class="relative border-b bg-beige-100" x-data="mainNav"> <div class="mx-auto flex w-full flex-wrap items-center justify-between p-4 py-2 md:p-0"> <a href="https://www.plainsofabraham.ca/" style="--nav-logo-width: 280px;" class="flex items-center md:hidden" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/logo-mobile-en.png" class="block h-[40px] w-auto p-1 md:w-[var(--nav-logo-width)]" alt="Logo" > </a> <div id="mega-menu" x-ref="megaMenu" x-cloak class="absolute start-0 top-[var(--nav-height)] order-2 hidden h-[calc(100dvh_-_var(--nav-height))] w-full flex-col justify-between overflow-y-auto overscroll-contain bg-beige-100 md:static md:order-1 md:flex md:h-auto" > <ul class="mx-4 flex flex-col justify-between divide-y divide-black overflow-hidden overflow-y-auto transition-all motion-reduce:transition-none md:mx-0 md:flex md:w-full md:flex-row md:divide-y-0" > <li x-trap="activeId == 26285" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26285 ? null : 26285" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26285" > The Plains <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26285" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/about-us" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26804" @mouseover="activeId = 26804" @blur="activeId = null" >About us </a> </li> <li> <a href="https://www.plainsofabraham.ca/plan-your-visit" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26302" @mouseover="activeId = 26302" @blur="activeId = null" >Plan your visit </a> </li> <li> <a href="https://www.plainsofabraham.ca/plains-abraham-map" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26805" @mouseover="activeId = 26805" @blur="activeId = null" >Interactive Map </a> </li> <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments/plains-of-abraham-museum" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26293" @mouseover="activeId = 26293" @blur="activeId = null" >Plains of Abraham Museum </a> </li> <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments/maison-smith-cafe" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26296" @mouseover="activeId = 26296" @blur="activeId = null" >Smith Café </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26804 ? 'visible' : 'invisible'" > <img x-show="activeId == 26804" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Accueil/home-image-hero_2024-09-10-174054_xstc.png" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26302 ? 'visible' : 'invisible'" > <img x-show="activeId == 26302" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/plaines_hiver_21.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26805 ? 'visible' : 'invisible'" > <img x-show="activeId == 26805" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/CCBN-7644_web.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26293 ? 'visible' : 'invisible'" > <img x-show="activeId == 26293" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/KOOPE_CCBN_MUSE%CC%81ES-09443-2.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26296 ? 'visible' : 'invisible'" > <img x-show="activeId == 26296" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Caf%C3%A9-Maison-Smith/330988800_6198796700151706_3811387628648089983_n.jpeg" > </li> </ul> </div> </div> </div> </li> <li x-trap="activeId == 26286" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26286 ? null : 26286" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26286" > Activities and Events <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26286" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=family" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26297" @mouseover="activeId = 26297" @blur="activeId = null" >Family Fun </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=living-history" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26298" @mouseover="activeId = 26298" @blur="activeId = null" >Living History </a> </li> <li> <a href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26295" @mouseover="activeId = 26295" @blur="activeId = null" >Nature, Sports and Leisure Activities </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events?category%5B%5D=hiver" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 35511" @mouseover="activeId = 35511" @blur="activeId = null" >Winter </a> </li> <li> <a href="https://www.plainsofabraham.ca/activities-events" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26308" @mouseover="activeId = 26308" @blur="activeId = null" >All Activities and Events </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26297 ? 'visible' : 'invisible'" > <img x-show="activeId == 26297" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Et-lance-et-compte/IMG_3815.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26298 ? 'visible' : 'invisible'" > <img x-show="activeId == 26298" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/Marche-macabre/CCBN_MarcheMacabre_20-10-2023_8_BR.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26295 ? 'visible' : 'invisible'" > <img x-show="activeId == 26295" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Activit%C3%A9s-et-%C3%A9v%C3%A9nements/SENTIERS/49_sentierautomneCCBN_BR.jpg" > </li> </ul> </div> </div> </div> </li> <li class="hidden items-center focus:outline-none focus-visible:outline-none md:block" > <div :class="$store.navLogo.shown ? 'w-[var(--nav-logo-width)]' : 'w-0'" class="transition-all duration-300 ease-in-out motion-reduce:transition-none" x-cloak > <a :class="$store.navLogo.shown ? 'opacity-100 translate-y-0 will-change-transform pointer-events-auto' : 'opacity-0 translate-y-3 will-change-auto pointer-events-none'" href="https://www.plainsofabraham.ca/" class="absolute left-[calc(50%-var(--nav-logo-half-width))] top-0 flex h-full items-center transition-all duration-500 ease-in-out motion-reduce:transition-none" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINS_1-line_Black_RGB-1.png" class="hidden h-auto w-[var(--nav-logo-width)] lg:block" alt="Logo" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/a.svg" class="hidden h-[40px] w-auto p-1 md:block md:w-[var(--nav-logo-width)] lg:hidden" alt="Logo" > </a> </div> </li> <li x-trap="activeId == 26292" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26292 ? null : 26292" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26292" > History and Heritage <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26292" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/locations-historical-monuments" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26301" @mouseover="activeId = 26301" @blur="activeId = null" >Historical Buildings and Monuments </a> </li> <li> <a href="https://www.plainsofabraham.ca/history-and-heritage/history-of-the-park" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26294" @mouseover="activeId = 26294" @blur="activeId = null" >History of the Park </a> </li> <li> <a href="https://www.plainsofabraham.ca/history-and-heritage/natural-heritage" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26300" @mouseover="activeId = 26300" @blur="activeId = null" >Natural Heritage </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26301 ? 'visible' : 'invisible'" > <img x-show="activeId == 26301" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Lieux-et-points-dint%C3%A9r%C3%AAt/Tour-Martello-1/plaines_banquephotosautomne_JPEG79.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26294 ? 'visible' : 'invisible'" > <img x-show="activeId == 26294" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/shotsae%CC%81riennes_plaines_automneJPEG_14_2024-09-10-174920_arod.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26300 ? 'visible' : 'invisible'" > <img x-show="activeId == 26300" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Les-Plaines/plaines_hiver_49.jpg" > </li> </ul> </div> </div> </div> </li> <li x-trap="activeId == 26287" class="items-center bg-beige-100 transition-colors first-of-type:justify-start last-of-type:justify-end md:flex md:justify-center md:first-of-type:pl-4 md:last-of-type:pr-4" > <button @click="activeId = activeId == 26287 ? null : 26287" class="group z-20 flex w-full items-center gap-2 py-6 text-center text-base font-semibold transition-opacity hover:opacity-70 hover:outline-0 focus:outline-0 focus-visible:outline-none md:w-auto md:justify-between md:border-0 md:px-3 md:text-sm xl:text-base" :aria-expanded="activeId == 26287" > Group Visits <svg class="pointer-events-none ms-1 h-2.5 w-2.5 transition-transform group-aria-expanded:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.125 3.36328L5.7484 7.73985C5.60936 7.87891 5.38394 7.87891 5.24491 7.73985L0.868304 3.36328" /> </svg> </button> <div class="start-0 top-0 z-10 w-full overflow-y-auto border-b border-beige-300 pb-3 transition-all md:absolute md:top-[var(--nav-height)] md:max-h-[calc(100dvh-var(--nav-height))] md:bg-beige-100 md:px-12 md:py-20 md:shadow-sm" @mouseover.outside.throttle.500ms="!('ontouchstart' in window) && (activeId = null)" x-show="activeId == 26287" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" > <div x-data="{activeId: null}" class="flex gap-20 md:px-3 md:py-4"> <ul class="-mt-3 w-full divide-black md:mt-0 md:w-1/2 md:max-w-[430px] md:divide-y" > <li> <a href="https://www.plainsofabraham.ca/group-visits" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26289" @mouseover="activeId = 26289" @blur="activeId = null" >General Information </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/elementary-school" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26290" @mouseover="activeId = 26290" @blur="activeId = null" >Elementary School </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/high-school-students" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26291" @mouseover="activeId = 26291" @blur="activeId = null" >High School </a> </li> <li> <a href="https://www.plainsofabraham.ca/group-visits/groups-of-adults" class="group flex items-center justify-between py-3 hover:font-semibold md:py-5 md:text-xl" @focus="activeId = 26288" @mouseover="activeId = 26288" @blur="activeId = null" >Adult Groups </a> </li> </ul> <div class="relative hidden aspect-[8/6] max-h-[500px] w-1/2 grow md:block"> <ul> <li class="relative flex w-full justify-end" :class="activeId == 26289 ? 'visible' : 'invisible'" > <img x-show="activeId == 26289" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/125_GUIDESOBJETS_BR-2-2_2024-09-10-175204_khss.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26290 ? 'visible' : 'invisible'" > <img x-show="activeId == 26290" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/JSChP_CCBN_activit%C3%A9_scolaire_img8574_LR-2.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26291 ? 'visible' : 'invisible'" > <img x-show="activeId == 26291" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/R%C3%A9servations-de-groupe/JSChP_CCBN_activit%C3%A9_scolaire_img9047_LR.jpg" > </li> <li class="relative flex w-full justify-end" :class="activeId == 26288 ? 'visible' : 'invisible'" > <img x-show="activeId == 26288" class="absolute right-0 top-0 max-h-[500px] w-full object-contain transition-all" x-transition:enter="transition motion-reduce:transition-none ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-3" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition motion-reduce:transition-none ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-3" src="https://ccbnwebprod.blob.core.windows.net/website/Mus%C3%A9e-des-plaines-dAbraham/Batailles-1759-1760/C.Gomez_CCBN_0884.jpg" > </li> </ul> </div> </div> </div> </li> </ul> <div class="sticky bottom-0 left-0 w-full bg-beige-100 md:hidden"> <div class="mb-2 mt-4 px-4 py-2 md:hidden"> <ul class="flex flex-col space-y-4"> <li> <a href="https://www.plainsofabraham.ca/blog" class="block" >Blog</a> </li> <li> <a href="https://www.plainsofabraham.ca/plains-abraham-map" class="block" >Interactive Map</a> </li> <li> <a href="https://www.plainsofabraham.ca/contact" class="block" >Contact</a> </li> </ul> </div> <ul class="flex w-full items-center justify-between gap-4 space-x-4 border-t border-beige-300 px-4 py-4"> <div class="flex items-center justify-between gap-8"> </div> <div> <li> <a class="group flex items-center justify-between gap-2 rounded-full bg-black py-1 pl-2 pr-3 text-xs font-medium uppercase text-white" href="https://www.plainesdabraham.ca/carte-des-plaines-d-abraham" > <svg class="h-[18px] w-[18px] transition-all group-hover:translate-x-1" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' > <path d="M19.5849 9.95084C19.5856 11.2135 19.3375 12.4639 18.8549 13.6307C18.3724 14.7975 17.6647 15.8578 16.7723 16.7511C15.8799 17.6444 14.8203 18.3532 13.6541 18.837C12.4878 19.3208 11.2376 19.5702 9.97493 19.5708C7.4127 19.5283 4.97097 18.4755 3.18116 16.6415C1.39136 14.8075 0.398352 12.3409 0.418262 9.77834C0.420314 7.32896 1.38123 4.97772 3.09527 3.22801C4.80932 1.47829 7.14028 0.469166 9.5891 0.416677C9.72743 0.410843 9.86576 0.408343 10.0058 0.408343C11.2625 0.401526 12.5082 0.643428 13.6711 1.12012C14.834 1.5968 15.8911 2.29886 16.7815 3.18584C17.6719 4.07282 18.378 5.1272 18.8591 6.28824C19.3403 7.44929 19.5869 8.69405 19.5849 9.95084Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.58594 0.416748C4.58594 5.83341 4.58594 12.9001 9.58594 19.5667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10.4219 0.416748C15.4219 5.83341 15.4219 12.8976 10.4219 19.5642" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.98828 4.56982H17.9333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.421875 9.56982H19.586" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.65234 14.5698H18.4023" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> </svg> fr</a> </li> </div> </ul> </div> </div> <div class="relative order-1 flex items-center gap-2 space-x-1 md:hidden md:space-x-2"> <div class="relative" x-transition:enter="transition motion-reduce:transition-none ease-in-out duration-300" x-transition:enter-start="opacity-0 translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition motion-reduce:transition-none ease-in-out duration-200" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-6" x-show="$store.megaMenu.open" > <div class="z-1 pointer-events-none relative" > <svg class="size-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20" role="presentation" > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-data="search" x-trap.noscroll="shown" data-url="https://www.plainsofabraham.ca/search/results" data-target="quick-search-mobile" class="z-30 mx-auto hidden max-w-3xl normal-case" :class="shown ? 'fixed inset-0 w-full px-3 pt-16 pb-12 !flex flex-col h-dvh' : 'relative !block'" > <div :class="shown ? 'fixed inset-0 w-full h-dvh bg-beige-100' : ''" class="z-10" @click="close()"></div> <form x-ref="form" class="relative z-20" action="https://www.plainsofabraham.ca/search"> <input x-ref="filterQuery" @keyup.escape="close" @click="open" @keyup.debounce.400ms="submit" @keyup.enter="$event.target.form.submit()" name="q" autocomplete="off" placeholder="Search for a location, activity, event, etc." class="font-semibold placeholder:truncate placeholder:font-normal placeholder:text-black/60 focus:border focus:border-b-0 focus:border-black focus:shadow-none focus:outline-0 focus:ring-0" :class="shown ? 'w-full bg-beige-300 border-b-0 py-4 pl-4 pr-10' : 'cursor-pointer opacity-0 absolute w-[22px] h-[22px]'" type="text" > <div x-show="shown" class="pointer-events-none absolute right-4 top-5 h-[20px] w-[20px] opacity-40" aria-hidden="true" > <svg class="size-4" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-show="shown" class="fixed right-3 top-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="close" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> </div> </form> <div x-show="!shown" class="pointer-events-none relative z-20 -mt-[22px] h-[22px] w-5" ></div> <div x-show="shown" class="z-20 max-h-[calc(100dvh-100px)] overflow-y-auto overscroll-contain border border-t-0 border-black bg-beige-100" > <div x-data="htmlGet" data-source="quick-search-mobile" class="max-w-4xl" @html-get-clear.window="clear" @html-get-load.window="load" > <div x-show="error" class="p-4 text-sm font-normal opacity-60">Search error. Try again later.</div> <div x-show="loading" class="p-4"><svg class="size-5 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="quick-search group p-4 transition-opacity" x-show="ready" ></div> </div> </div> </div> </div> <button @click="toggleNav" type="button" class="inline-flex size-10 items-center justify-center p-2 text-sm text-black focus:outline-none md:hidden" aria-controls="mega-menu" aria-expanded="false" > <span class="sr-only">Open main menu</span> <svg class="size-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14" > <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" /> </svg> </button> </div> </div> </nav> </div> <div class="flex flex-col flex-wrap justify-between md:flex-row"> </div> <div ax-load x-data="trailsMap" data-location-selected-slug="" class="map relative w-full" :class="$store.fullscreenMap.fullscreen ? 'map--fullscreen' : ''" > <ul id="map-locations" class="hidden"> <li data-location-slug="joan-of-arc-garden" data-marker-image="location-default" data-position="{"id":null,"ownerId":2687,"ownerSiteId":2,"fieldId":48,"zoom":16,"distance":null,"lat":46.80407107978101,"lng":-71.21771335601808,"address":"Jeanne-D'Arc, Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2K5, Canada","parts":{"number":"","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Joan\u0020of\u0020Arc\u0020Garden', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="greenhouses" data-marker-image="location-default" data-position="{"id":null,"ownerId":28004,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80129352422003,"lng":-71.22245550155641,"address":"Avenue Briand, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2G6, Canada","parts":{"number":"","address":"Avenue Briand, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2G6","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Greenhouses', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="louis-hebert-orchard" data-marker-image="location-default" data-position="{"id":null,"ownerId":1285,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80312186404731,"lng":-71.21367931365968,"address":"Avenue Ontario, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L4, Canada","parts":{"number":"","address":"Avenue Ontario, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L4","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Louis\u002DH\u00E9bert\u0020Orchard', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="plains-of-abraham-museum" data-marker-image="location-default" data-position="{"id":null,"ownerId":8812,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.807008081430915,"lng":-71.21284099467823,"address":"Mus\u00e9e des plaines d'Abraham, 835, Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"835","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plains\u0020of\u0020Abraham\u0020Museum', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="snow-sliding" data-marker-image="location-default" data-position="{"id":null,"ownerId":32002,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80613062410865,"lng":-71.20990490926488,"address":"Avenue Cap-aux-Diamants, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 4E8, Canada","parts":{"number":"","address":"Avenue Cap-aux-Diamants, Cap-Blanc","city":"Qu\u00e9bec","postcode":"G1R 4E8","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Snow\u0020Sliding', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="skating-rink" data-marker-image="location-default" data-position="{"id":null,"ownerId":26890,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.79939734766277,"lng":-71.22662791308288,"address":"Grande All\u00e9e O, Qu\u00e9bec, QC G1R 2H1","parts":{"number":"255","address":"Grande All\u00e9e Ouest, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plains\u0020of\u0020Abraham\u0020Skating\u0020Rink', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="major-events-site" data-marker-image="location-default" data-position="{"id":null,"ownerId":7010,"ownerSiteId":2,"fieldId":48,"zoom":16,"distance":null,"lat":46.805857578447956,"lng":-71.21123036507313,"address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Major\u0020Events\u0020Site', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="world-war-i-memorial-site" data-marker-image="location-default" data-position="{"id":null,"ownerId":5714,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.805693787838564,"lng":-71.21326416157555,"address":"Site comm\u00e9moratif de la Premi\u00e8re Guerre mondiale, Avenue George-VI, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue George-VI, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'World\u0020War\u0020I\u0020Memorial\u0020Site', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="flower-beds-ontario-avenue" data-marker-image="location-default" data-position="{"id":null,"ownerId":5351,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.79834105489275,"lng":-71.22239112854005,"address":"Avenue Ontario, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 5H3, Canada","parts":{"number":"","address":"Avenue Ontario, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 5H3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Flower\u0020beds\u0020of\u0020Ontario\u0020avenue', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="maison-smith-cafe" data-marker-image="location-default" data-position="{"id":null,"ownerId":5140,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80018974439292,"lng":-71.22070572153916,"address":"15, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, G1R 2L1, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"15","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Maison\u0020Smith\u0020Caf\u00E9', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="gilmour-hill" data-marker-image="location-default" data-position="{"id":null,"ownerId":4881,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.79059902486923,"lng":-71.23505115509035,"address":"C\u00f4te Gilmour, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Sillery, Sainte-Foy\u2013Sillery\u2013Cap-Rouge, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 3H8, Canada","parts":{"number":"","address":"C\u00f4te Gilmour, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Sillery","city":"Sainte-Foy\u2013Sillery\u2013Cap-Rouge, Qu\u00e9bec","postcode":"G1S 3H8","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Gilmour\u0020Hill', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="artworks-by-first-nations-artists" data-marker-image="location-default" data-position="{"id":null,"ownerId":4807,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80468621073991,"lng":-71.2088191509247,"address":"Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, Canada","parts":{"number":"","address":"Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Artworks\u0020by\u0020First\u0020Nations\u0020Artists', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="petanque-field" data-marker-image="location-default" data-position="{"id":null,"ownerId":4669,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.799927247684835,"lng":-71.2256956100464,"address":"Avenue Wolfe-Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2H1, Canada","parts":{"number":"","address":"Avenue Wolfe-Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2H1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Petanque\u0020field', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="levis-and-murray-monuments" data-marker-image="location-default" data-position="{"id":null,"ownerId":4203,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80063250583388,"lng":-71.24099493026735,"address":"Parc des Braves, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"","address":"Escalier du parc des Braves, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'L\u00E9vis\u0020and\u0020Murray\u0020Monuments', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="remains-of-the-blockhouse" data-marker-image="location-default" data-position="{"id":null,"ownerId":1301,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80297508450329,"lng":-71.21086835861207,"address":"Avenue Cap-aux-Diamants, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1K 0E4, Canada","parts":{"number":"","address":"Avenue Cap-aux-Diamants, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1K 0E4","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Remains\u0020of\u0020the\u0020Blockhouse', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="pierre-dugua-de-mons-terrace" data-marker-image="location-default" data-position="{"id":null,"ownerId":1296,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80955493406869,"lng":-71.20506405830385,"address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, Canada","parts":{"number":"","address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Pierre\u002DDugua\u002Dde\u0020Mons\u0020Terrace', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="sundial" data-marker-image="location-default" data-position="{"id":null,"ownerId":1289,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79954900739546,"lng":-71.22078180313112,"address":"15, Avenue George-VI, Qu\u00e9bec, G1R 2L3, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"15","address":"Avenue George-VI","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Sundial', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="pierre-dugua-de-mons-monument" data-marker-image="location-default" data-position="{"id":null,"ownerId":1211,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80952185102829,"lng":-71.20490849018098,"address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, Canada","parts":{"number":"","address":"Terrasse Pierre-Dugua-De Mons, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Pierre\u002DDugua\u002Dde\u0020Mons\u0020Monument', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="remains-of-the-pinguet-house-and-dumont-mill" data-marker-image="location-default" data-position="{"id":null,"ownerId":1204,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.800959154760235,"lng":-71.24017953872682,"address":"797, Chemin Sainte-Foy, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"797","address":"Chemin Sainte-Foy, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Remains\u0020of\u0020the\u0020Pinguet\u0020House\u0020and\u0020Dumont\u0020Mill', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="monument-to-the-combatants" data-marker-image="location-default" data-position="{"id":null,"ownerId":1190,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.801517324530224,"lng":-71.22013270854951,"address":"Avenue Garneau, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020to\u0020the\u0020Combatants', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="grey-terrace" data-marker-image="location-default" data-position="{"id":null,"ownerId":1175,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79585834207736,"lng":-71.22732639312746,"address":"Earl Grey Terrace, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 5H3, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 5H3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Grey\u0020Terrace', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="sports-field" data-marker-image="location-default" data-position="{"id":null,"ownerId":1165,"ownerSiteId":2,"fieldId":48,"zoom":16,"distance":null,"lat":46.79765777910968,"lng":-71.22880697250368,"address":"Terrain des sports, Grande All\u00e9e Ouest, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 4M1, Canada","parts":{"number":"","address":"Grande All\u00e9e Ouest, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Sports\u0020Field', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="edwin-belanger-bandstand" data-marker-image="location-default" data-position="{"id":null,"ownerId":1152,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.79978467996885,"lng":-71.22152460715502,"address":"15, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, Qu\u00e9bec, G1R 5H3, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"15","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 5H3","county":"Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Edwin\u002DB\u00E9langer\u0020Bandstand', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="des-braves-park" data-marker-image="location-default" data-position="{"id":null,"ownerId":1145,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80109487343387,"lng":-71.24095201492311,"address":"Parc des Braves, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"","address":"Escalier du parc des Braves, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Des\u0020Braves\u0020Park', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="cross-of-sacrifice" data-marker-image="location-default" data-position="{"id":null,"ownerId":1142,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.808678322303116,"lng":-71.21204853057863,"address":"Croix du sacrifice, Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Cross\u0020of\u0020Sacrifice', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="joan-of-arc-statue" data-marker-image="location-default" data-position="{"id":null,"ownerId":1134,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.804072414628976,"lng":-71.21779382228853,"address":"Statue Jeanne-D'Arc, Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2K5, Canada","parts":{"number":"","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Joan\u0020of\u0020Arc\u0020Statue', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="wolfe-well" data-marker-image="location-default" data-position="{"id":null,"ownerId":1125,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.800327529237464,"lng":-71.22502505779268,"address":"Avenue Wolfe-Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2H1, Canada","parts":{"number":"","address":"Avenue Wolfe-Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2H1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Wolfe\u0020Well', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="centennial-fountain" data-marker-image="location-default" data-position="{"id":null,"ownerId":1120,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.799765661866125,"lng":-71.22076570987703,"address":"Fontaine du Centenaire, Avenue George-VI, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Centennial\u0020Fountain', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="wolfe-monument" data-marker-image="location-default" data-position="{"id":null,"ownerId":1115,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79997129669491,"lng":-71.22492849826814,"address":"Monument Wolfe, avenue Wolfe-Montcalm, Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"avenue Wolfe-Montcalm","city":"Qu\u00e9bec","postcode":"","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Wolfe\u0020Monument', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="des-braves-monument" data-marker-image="location-default" data-position="{"id":null,"ownerId":1106,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.800654401779454,"lng":-71.24066770076753,"address":"Monument Des Braves, Chemin Sainte-Foy, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 2K5, Canada","parts":{"number":"","address":"Chemin Sainte-Foy, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 2K5","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Des\u0020Braves\u0020Monument', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="martello-tower-4" data-marker-image="location-default" data-position="{"id":null,"ownerId":2604,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80933091938105,"lng":-71.22731029987337,"address":"Tour Martello 4, Rue Lavigueur, Saint-Jean-Baptiste, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1K 3T9, Canada","parts":{"number":"","address":"Rue Lavigueur, Saint-Jean-Baptiste","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1K 3T9","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Martello\u0020Tower\u00204', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="martello-tower-2" data-marker-image="location-default" data-position="{"id":null,"ownerId":2521,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80375993808762,"lng":-71.21954316310199,"address":"Tour Martello 2, Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2J7, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Martello\u0020Tower\u00202', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-location-slug="martello-tower-1" data-marker-image="location-default" data-position="{"id":null,"ownerId":220,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.8017266225693,"lng":-71.21701598167421,"address":"Tour Martello 1, Avenue Garneau, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Martello\u0020Tower\u00201', 'search_term': document.getElementById('mapSearch')?.value });" ></li> </ul> <ul id="map-point-of-interests" class="hidden"> <li data-point-slug="skaters-chalet" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":43082,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79954310259993,"lng":-71.22672021389009,"address":"Grande All\u00e9e Ouest, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 4M1, Canada","parts":{"number":"","address":"Grande All\u00e9e Ouest, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Skater\u0027s\u0020Chalet', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="rest-area-museum" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":42851,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80702812447482,"lng":-71.21272337430128,"address":"Avenue Wilfrid-Laurier, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"835","address":"Avenue Wilfrid-Laurier, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Heated\u0020rest\u0020area', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="heated-rest-area-central-pavilion" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":42849,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80020115513198,"lng":-71.22064018236415,"address":"Caf\u00e9 Smith, Avenue Garneau, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Heated\u0020rest\u0020area', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="rest-area-and-waxing-room" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Relais_icone_Plaines.png" data-position="{"id":null,"ownerId":42843,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.796747928854764,"lng":-71.23148918151857,"address":"Avenue Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 1C1, Canada","parts":{"number":"","address":"Avenue Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 1C1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Heated\u0020rest\u0020area\u0020\u0026\u0020Waxing\u0020room', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="drinking-fountain" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/CCBN-icone-mappe-Abrevoir.png" data-position="{"id":null,"ownerId":41708,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80360371464413,"lng":-71.21861565119617,"address":"Avenue Tach\u00e9, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2J7, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Colline Parlementaire, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Drinking\u0020Fountain\u0020\u002D\u0020Joan\u0020of\u0020Arc\u0020Garden', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="avelo-station" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/CCBN-icone-mappe-Bicyclette.png" data-position="{"id":null,"ownerId":28843,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.8074114742443,"lng":-71.21255749001138,"address":"Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"835","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': '\u00E0V\u00E9lo\u0020Station', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="security" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/Iconographie-1.png" data-position="{"id":null,"ownerId":40685,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79561155368525,"lng":-71.23031651986821,"address":"Avenue Montcalm, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 4M1, Canada","parts":{"number":"","address":"Avenue Montcalm, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 4M1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Security', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="toilettes-intersection-montcalm-et-george-vi" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17090,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79568242063855,"lng":-71.23018623585068,"address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 1C1, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 1C1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Intersection\u0020Montcalm\u0020and\u0020George\u0020VI', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="restrooms---plains-of-abraham-museum" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17088,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80695378043311,"lng":-71.21294319926344,"address":"Avenue Wilfrid-Laurier, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L3, Canada","parts":{"number":"","address":"Avenue Wilfrid-Laurier, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Plains\u0020of\u0020Abraham\u0020Museum', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="restrooms-tache-avenue" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17076,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.803373306465495,"lng":-71.2189871148575,"address":"Avenue Tach\u00e9, Cap-Blanc, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2J7, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Cap-Blanc","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Tach\u00E9\u0020Avenue', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="restrooms-central-pavilion" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/toilettes.png" data-position="{"id":null,"ownerId":17072,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.800201344009785,"lng":-71.22068651381697,"address":"Pavillon central, Avenue Garneau, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1R 2L1, Canada","parts":{"number":"","address":"Avenue Garneau, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Central\u0020Pavilion', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="on-street-parking-george-vi-avenue" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":982,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.799468150926856,"lng":-71.22541129589082,"address":"Avenue George-VI, Montcalm, Qu\u00e9bec, G1R 2H1, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue George-VI, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 2H1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002Dstreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020George\u002DVI\u0020Avenue', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="on-street-parking-grey-terrace" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":978,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.79592075897219,"lng":-71.22724056243898,"address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm, Qu\u00e9bec, G1R 5H3, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue George-VI, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Montcalm","city":"Qu\u00e9bec","postcode":"G1R 5H3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002DStreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020Grey\u0020Terrace', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="on-street-parking-bernieres-avenue" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":974,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80259336537295,"lng":-71.21945142745973,"address":"rue de Berni\u00e8res, Cap-Blanc, Qu\u00e9bec, G1R 2L1, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"rue de Berni\u00e8res, Cap-Blanc","city":"Qu\u00e9bec","postcode":"G1R 2L1","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002Dstreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020Berni\u00E8res\u0020Avenue', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="on-street-parking-tache-avenue" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":970,"ownerSiteId":2,"fieldId":48,"zoom":18,"distance":null,"lat":46.80424915125133,"lng":-71.21967673301698,"address":"Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste, Qu\u00e9bec, G1R 2J7, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"","address":"Avenue Tach\u00e9, Vieux-Qu\u00e9bec\u2013Cap-Blanc\u2013Colline-Parlementaire, Saint-Jean-Baptiste","city":"Qu\u00e9bec","postcode":"G1R 2J7","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002Dstreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020Tach\u00E9\u0020Avenue\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="laurier-parking" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":966,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.80565556448671,"lng":-71.21494531631471,"address":"655, avenue Wilfrid-Laurier, Cap-Blanc, Qu\u00e9bec, G1R 2L3, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"655","address":"avenue Wilfrid-Laurier, Cap-Blanc","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Laurier\u0020Avenue\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="plains-of-abraham-museum-parking" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":962,"ownerSiteId":2,"fieldId":48,"zoom":16,"distance":null,"lat":46.80715709676068,"lng":-71.21224701404573,"address":"835, avenue Wilfrid-Laurier, Qu\u00e9bec, G1R 2L3, Agglom\u00e9ration de Qu\u00e9bec, Qu\u00e9bec, Canada","parts":{"number":"835","address":"avenue Wilfrid-Laurier","city":"Qu\u00e9bec","postcode":"G1R 2L3","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plains\u0020of\u0020Abraham\u0020Museum\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="montcalm-parking" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":958,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.79595412488885,"lng":-71.23133637942375,"address":"1210, avenue Montcalm, Quebec, G1S 4M1, Urban agglomeration of Qu\u00e9bec, Quebec, Canada","parts":{"number":"1210","address":"avenue Montcalm","city":"Quebec","postcode":"G1S 4M1","county":"Urban agglomeration of Qu\u00e9bec","state":"Quebec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Montcalm\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value });" ></li> <li data-point-slug="laune-parking" data-marker-image-url="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Ic%C3%B4nes/stationnement.png" data-position="{"id":null,"ownerId":371,"ownerSiteId":2,"fieldId":48,"zoom":17,"distance":null,"lat":46.79181760369276,"lng":-71.23471391343517,"address":"1319, Avenue De Laune, Montcalm, La Cit\u00e9-Limoilou, Qu\u00e9bec, Agglom\u00e9ration de Qu\u00e9bec, Capitale-Nationale, Qu\u00e9bec, G1S 3H8, Canada","parts":{"number":"1319","address":"Avenue De Laune, Montcalm","city":"La Cit\u00e9-Limoilou, Qu\u00e9bec","postcode":"G1S 3H8","county":"Agglom\u00e9ration de Qu\u00e9bec","state":"Qu\u00e9bec","country":"Canada","planet":"Earth","system":"the Solar System","arm":"Orion Arm","galaxy":"Milky Way","group":"the Local Group","cluster":"Virgo Cluster","supercluster":"Laniakea Supercluster"},"what3words":null}" data-onclick="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'De\u0020Laune\u0020Avenue\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value });" ></li> </ul> <div class="h-map-dvh relative flex w-full overflow-y-hidden overscroll-contain"> <div class="h-map-dvh absolute left-0 top-0 z-30 w-full overflow-y-auto bg-beige-100 transition-all md:w-[450px] md:translate-y-0 md:opacity-100 md:shadow-[1px_0_11px_#00000007]" :class="listOpen ? 'translate-y-0' : 'translate-y-full'" > <div tabindex="-1" ax-load x-data="filterableItems" > <div class="spacing-x spacing-x-md flex flex-col gap-4"> <h1 class="mb-4 mt-9 text-4xl font-bold"> The locations </h1> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-2 py-2 gap-1 absolute right-3 top-3 md:hidden [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="listOpen = false" > <svg class="size-6" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M18 6 6 18"/><path d="m6 6 12 12"/> </svg> </a> <div class="relative"> <input type="text" class="w-full border-2 border-black/60 bg-transparent px-5 py-4 text-black placeholder:text-black/40 focus:border-black/80 focus:ring-0 md:text-sm" placeholder="Search location…" @keyup.debounce.50ms="filter" @keyup.debounce.500ms="gtag('event', 'carte_recherche', { 'search_term': document.getElementById('mapSearch')?.value });" id="mapSearch" > <svg class="size-5 absolute top-5 md:top-4 right-5" xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' > <path d="M1.01563 8.82812C1.01562 9.85408 1.2177 10.87 1.61032 11.8178C2.00293 12.7657 2.5784 13.6269 3.30385 14.3524C4.02931 15.0779 4.89055 15.6533 5.83841 16.0459C6.78627 16.4385 7.80217 16.6406 8.82812 16.6406C9.85408 16.6406 10.87 16.4385 11.8178 16.0459C12.7657 15.6533 13.6269 15.0779 14.3524 14.3524C15.0779 13.6269 15.6533 12.7657 16.0459 11.8178C16.4385 10.87 16.6406 9.85408 16.6406 8.82812C16.6406 7.80217 16.4385 6.78627 16.0459 5.83841C15.6533 4.89055 15.0779 4.02931 14.3524 3.30385C13.6269 2.5784 12.7657 2.00293 11.8178 1.61032C10.87 1.2177 9.85408 1.01563 8.82812 1.01562C7.80217 1.01563 6.78627 1.2177 5.83841 1.61032C4.89055 2.00293 4.02931 2.5784 3.30385 3.30385C2.5784 4.02931 2.00293 4.89055 1.61032 5.83841C1.2177 6.78627 1.01562 7.80217 1.01563 8.82812Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.9836 18.9836L14.3516 14.3516" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div x-cloak x-show="matches.length === 0" > No location found for <span class="font-semibold" x-text="previousQuery"></span> </div> <ul class="flex flex-col gap-3"> <li data-filter-id="l-joan-of-arc-garden" data-filter-term="Joan of Arc Garden" :class="matches.includes('l-joan-of-arc-garden') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Joan\u0020of\u0020Arc\u0020Garden', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'joan-of-arc-garden'})" > Joan of Arc Garden <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-greenhouses" data-filter-term="Greenhouses" :class="matches.includes('l-greenhouses') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Greenhouses', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'greenhouses'})" > Greenhouses <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-louis-hebert-orchard" data-filter-term="Louis-Hébert Orchard" :class="matches.includes('l-louis-hebert-orchard') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Louis\u002DH\u00E9bert\u0020Orchard', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'louis-hebert-orchard'})" > Louis-Hébert Orchard <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-plains-of-abraham-museum" data-filter-term="Plains of Abraham Museum" :class="matches.includes('l-plains-of-abraham-museum') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plains\u0020of\u0020Abraham\u0020Museum', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'plains-of-abraham-museum'})" > Plains of Abraham Museum <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-snow-sliding" data-filter-term="Snow Sliding" :class="matches.includes('l-snow-sliding') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Snow\u0020Sliding', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'snow-sliding'})" > Snow Sliding <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-skating-rink" data-filter-term="Plains of Abraham Skating Rink" :class="matches.includes('l-skating-rink') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plains\u0020of\u0020Abraham\u0020Skating\u0020Rink', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'skating-rink'})" > Plains of Abraham Skating Rink <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-major-events-site" data-filter-term="Major Events Site" :class="matches.includes('l-major-events-site') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Major\u0020Events\u0020Site', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'major-events-site'})" > Major Events Site <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-world-war-i-memorial-site" data-filter-term="World War I Memorial Site" :class="matches.includes('l-world-war-i-memorial-site') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'World\u0020War\u0020I\u0020Memorial\u0020Site', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'world-war-i-memorial-site'})" > World War I Memorial Site <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-flower-beds-ontario-avenue" data-filter-term="Flower beds of Ontario avenue" :class="matches.includes('l-flower-beds-ontario-avenue') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Flower\u0020beds\u0020of\u0020Ontario\u0020avenue', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'flower-beds-ontario-avenue'})" > Flower beds of Ontario avenue <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-maison-smith-cafe" data-filter-term="Maison Smith Café" :class="matches.includes('l-maison-smith-cafe') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Maison\u0020Smith\u0020Caf\u00E9', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'maison-smith-cafe'})" > Maison Smith Café <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-gilmour-hill" data-filter-term="Gilmour Hill" :class="matches.includes('l-gilmour-hill') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Gilmour\u0020Hill', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'gilmour-hill'})" > Gilmour Hill <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-artworks-by-first-nations-artists" data-filter-term="Artworks by First Nations Artists" :class="matches.includes('l-artworks-by-first-nations-artists') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Artworks\u0020by\u0020First\u0020Nations\u0020Artists', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'artworks-by-first-nations-artists'})" > Artworks by First Nations Artists <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-petanque-field" data-filter-term="Petanque field" :class="matches.includes('l-petanque-field') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Petanque\u0020field', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'petanque-field'})" > Petanque field <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-levis-and-murray-monuments" data-filter-term="Lévis and Murray Monuments" :class="matches.includes('l-levis-and-murray-monuments') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'L\u00E9vis\u0020and\u0020Murray\u0020Monuments', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'levis-and-murray-monuments'})" > Lévis and Murray Monuments <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-remains-of-the-blockhouse" data-filter-term="Remains of the Blockhouse" :class="matches.includes('l-remains-of-the-blockhouse') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Remains\u0020of\u0020the\u0020Blockhouse', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'remains-of-the-blockhouse'})" > Remains of the Blockhouse <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-pierre-dugua-de-mons-terrace" data-filter-term="Pierre-Dugua-de Mons Terrace" :class="matches.includes('l-pierre-dugua-de-mons-terrace') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Pierre\u002DDugua\u002Dde\u0020Mons\u0020Terrace', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'pierre-dugua-de-mons-terrace'})" > Pierre-Dugua-de Mons Terrace <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-sundial" data-filter-term="Sundial" :class="matches.includes('l-sundial') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Sundial', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'sundial'})" > Sundial <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-pierre-dugua-de-mons-monument" data-filter-term="Pierre-Dugua-de Mons Monument" :class="matches.includes('l-pierre-dugua-de-mons-monument') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Pierre\u002DDugua\u002Dde\u0020Mons\u0020Monument', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'pierre-dugua-de-mons-monument'})" > Pierre-Dugua-de Mons Monument <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-remains-of-the-pinguet-house-and-dumont-mill" data-filter-term="Remains of the Pinguet House and Dumont Mill" :class="matches.includes('l-remains-of-the-pinguet-house-and-dumont-mill') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Remains\u0020of\u0020the\u0020Pinguet\u0020House\u0020and\u0020Dumont\u0020Mill', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'remains-of-the-pinguet-house-and-dumont-mill'})" > Remains of the Pinguet House and Dumont Mill <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-monument-to-the-combatants" data-filter-term="Monument to the Combatants" :class="matches.includes('l-monument-to-the-combatants') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Monument\u0020to\u0020the\u0020Combatants', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'monument-to-the-combatants'})" > Monument to the Combatants <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-grey-terrace" data-filter-term="Grey Terrace" :class="matches.includes('l-grey-terrace') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Grey\u0020Terrace', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'grey-terrace'})" > Grey Terrace <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-sports-field" data-filter-term="Sports Field" :class="matches.includes('l-sports-field') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Sports\u0020Field', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'sports-field'})" > Sports Field <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-edwin-belanger-bandstand" data-filter-term="Edwin-Bélanger Bandstand" :class="matches.includes('l-edwin-belanger-bandstand') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Edwin\u002DB\u00E9langer\u0020Bandstand', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'edwin-belanger-bandstand'})" > Edwin-Bélanger Bandstand <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-des-braves-park" data-filter-term="Des Braves Park" :class="matches.includes('l-des-braves-park') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Des\u0020Braves\u0020Park', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'des-braves-park'})" > Des Braves Park <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-cross-of-sacrifice" data-filter-term="Cross of Sacrifice" :class="matches.includes('l-cross-of-sacrifice') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Cross\u0020of\u0020Sacrifice', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'cross-of-sacrifice'})" > Cross of Sacrifice <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-joan-of-arc-statue" data-filter-term="Joan of Arc Statue" :class="matches.includes('l-joan-of-arc-statue') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Joan\u0020of\u0020Arc\u0020Statue', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'joan-of-arc-statue'})" > Joan of Arc Statue <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-wolfe-well" data-filter-term="Wolfe Well" :class="matches.includes('l-wolfe-well') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Wolfe\u0020Well', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'wolfe-well'})" > Wolfe Well <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-centennial-fountain" data-filter-term="Centennial Fountain" :class="matches.includes('l-centennial-fountain') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Centennial\u0020Fountain', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'centennial-fountain'})" > Centennial Fountain <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-wolfe-monument" data-filter-term="Wolfe Monument" :class="matches.includes('l-wolfe-monument') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Wolfe\u0020Monument', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'wolfe-monument'})" > Wolfe Monument <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-des-braves-monument" data-filter-term="Des Braves Monument" :class="matches.includes('l-des-braves-monument') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Des\u0020Braves\u0020Monument', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'des-braves-monument'})" > Des Braves Monument <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-martello-tower-4" data-filter-term="Martello Tower 4" :class="matches.includes('l-martello-tower-4') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Martello\u0020Tower\u00204', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'martello-tower-4'})" > Martello Tower 4 <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-martello-tower-2" data-filter-term="Martello Tower 2" :class="matches.includes('l-martello-tower-2') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Martello\u0020Tower\u00202', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'martello-tower-2'})" > Martello Tower 2 <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="l-martello-tower-1" data-filter-term="Martello Tower 1" :class="matches.includes('l-martello-tower-1') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Martello\u0020Tower\u00201', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('location-click', {locationSlug: 'martello-tower-1'})" > Martello Tower 1 <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-skaters-chalet" data-filter-term="Skater's Chalet" x-cloak :class="matches.includes('p-skaters-chalet') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Skater\u0027s\u0020Chalet', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'skaters-chalet'})" > Skater's Chalet <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-rest-area-museum" data-filter-term="Heated rest area" x-cloak :class="matches.includes('p-rest-area-museum') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Heated\u0020rest\u0020area', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'rest-area-museum'})" > Heated rest area <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-heated-rest-area-central-pavilion" data-filter-term="Heated rest area" x-cloak :class="matches.includes('p-heated-rest-area-central-pavilion') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Heated\u0020rest\u0020area', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'heated-rest-area-central-pavilion'})" > Heated rest area <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-rest-area-and-waxing-room" data-filter-term="Heated rest area & Waxing room" x-cloak :class="matches.includes('p-rest-area-and-waxing-room') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Heated\u0020rest\u0020area\u0020\u0026\u0020Waxing\u0020room', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'rest-area-and-waxing-room'})" > Heated rest area & Waxing room <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-drinking-fountain" data-filter-term="Drinking Fountain - Joan of Arc Garden" x-cloak :class="matches.includes('p-drinking-fountain') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Drinking\u0020Fountain\u0020\u002D\u0020Joan\u0020of\u0020Arc\u0020Garden', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'drinking-fountain'})" > Drinking Fountain - Joan of Arc Garden <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-avelo-station" data-filter-term="àVélo Station" x-cloak :class="matches.includes('p-avelo-station') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': '\u00E0V\u00E9lo\u0020Station', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'avelo-station'})" > àVélo Station <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-security" data-filter-term="Security" x-cloak :class="matches.includes('p-security') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Security', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'security'})" > Security <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-toilettes-intersection-montcalm-et-george-vi" data-filter-term="Restrooms - Intersection Montcalm and George VI" x-cloak :class="matches.includes('p-toilettes-intersection-montcalm-et-george-vi') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Intersection\u0020Montcalm\u0020and\u0020George\u0020VI', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'toilettes-intersection-montcalm-et-george-vi'})" > Restrooms - Intersection Montcalm and George VI <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-restrooms---plains-of-abraham-museum" data-filter-term="Restrooms - Plains of Abraham Museum" x-cloak :class="matches.includes('p-restrooms---plains-of-abraham-museum') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Plains\u0020of\u0020Abraham\u0020Museum', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'restrooms---plains-of-abraham-museum'})" > Restrooms - Plains of Abraham Museum <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-restrooms-tache-avenue" data-filter-term="Restrooms - Taché Avenue" x-cloak :class="matches.includes('p-restrooms-tache-avenue') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Tach\u00E9\u0020Avenue', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'restrooms-tache-avenue'})" > Restrooms - Taché Avenue <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-restrooms-central-pavilion" data-filter-term="Restrooms - Central Pavilion" x-cloak :class="matches.includes('p-restrooms-central-pavilion') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Restrooms\u0020\u002D\u0020Central\u0020Pavilion', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'restrooms-central-pavilion'})" > Restrooms - Central Pavilion <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-on-street-parking-george-vi-avenue" data-filter-term="On-street Parking with Meters - George-VI Avenue" x-cloak :class="matches.includes('p-on-street-parking-george-vi-avenue') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002Dstreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020George\u002DVI\u0020Avenue', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'on-street-parking-george-vi-avenue'})" > On-street Parking with Meters - George-VI Avenue <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-on-street-parking-grey-terrace" data-filter-term="On-Street Parking with Meters - Grey Terrace" x-cloak :class="matches.includes('p-on-street-parking-grey-terrace') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002DStreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020Grey\u0020Terrace', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'on-street-parking-grey-terrace'})" > On-Street Parking with Meters - Grey Terrace <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-on-street-parking-bernieres-avenue" data-filter-term="On-street Parking with Meters - Bernières Avenue" x-cloak :class="matches.includes('p-on-street-parking-bernieres-avenue') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002Dstreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020Berni\u00E8res\u0020Avenue', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'on-street-parking-bernieres-avenue'})" > On-street Parking with Meters - Bernières Avenue <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-on-street-parking-tache-avenue" data-filter-term="On-street Parking with Meters - Taché Avenue Parking" x-cloak :class="matches.includes('p-on-street-parking-tache-avenue') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'On\u002Dstreet\u0020Parking\u0020with\u0020Meters\u0020\u002D\u0020Tach\u00E9\u0020Avenue\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'on-street-parking-tache-avenue'})" > On-street Parking with Meters - Taché Avenue Parking <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-laurier-parking" data-filter-term="Laurier Avenue Parking" x-cloak :class="matches.includes('p-laurier-parking') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Laurier\u0020Avenue\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'laurier-parking'})" > Laurier Avenue Parking <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-plains-of-abraham-museum-parking" data-filter-term="Plains of Abraham Museum Parking" x-cloak :class="matches.includes('p-plains-of-abraham-museum-parking') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Plains\u0020of\u0020Abraham\u0020Museum\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'plains-of-abraham-museum-parking'})" > Plains of Abraham Museum Parking <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-montcalm-parking" data-filter-term="Montcalm Parking" x-cloak :class="matches.includes('p-montcalm-parking') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'Montcalm\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'montcalm-parking'})" > Montcalm Parking <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> <li data-filter-id="p-laune-parking" data-filter-term="De Laune Avenue Parking" x-cloak :class="matches.includes('p-laune-parking') ? 'block' : 'hidden'" > <button class="flex w-full items-center justify-between gap-2 bg-beige-300 p-5 text-start text-base font-semibold [&:hover_.animate-arrow]:translate-x-1 [&_.animate-arrow]:transition-transform" @click.prevent="gtag('event', 'carte_lieu_clic', { 'nom_lieu': 'De\u0020Laune\u0020Avenue\u0020Parking', 'search_term': document.getElementById('mapSearch')?.value }); $dispatch('point-of-interest-click', {pointSlug: 'laune-parking'})" > De Laune Avenue Parking <div><svg class="size-5 animate-arrow" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </div> </button> </li> </ul> </div> </div> </div> <div x-ref="map" class="h-map-dvh absolute w-full md:left-[450px] md:w-[calc(100%_-_450px)] lg:static" data-api-key="DTcn1FJWsuONNJgvHx2a" data-markers-images="{ "location-default": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAABAlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMk1gjJRZGSiw1NyF7gE0SEwsSEguDilNpbkJgZT0JCQYJCQVyd0jT08JGSSzx8d4PDw5YXDcaHBF7gU0JCgWEilNpb0KEiVPExLSIiH1XXDc9QSc+QCYeHhxPUzI+QCfi4tA9QCd4eG9yd0dhZTw0NyE8PDh5eW8sLhxPUzG1taZhZT00OCEbGxEREwtqamE1OCFbW1SXl4tbW1MbHBG1taempphLS0ZaWlNLS0VMTEWXl4qHh31yeEgsLhu4/I4QAAAAFnRSTlMA3yDPEO9AUHCAv2CPkKBfMK+fsG9/pfHhSgAAAtBJREFUeF61ltdy2zAQRQmxqFiSS5ILdqp3ufee2nv5/19JIFsG7VlYAmZ8XjlnsXsJkLCeCqdY3bAZALDKernoaMneiwoeYFcLy668IuSxf7hzGvH/RFkj8MeixMoy+nMXGB9mE36fLIwBtrCCxwB/MOEUA1HBe7T1KhBn0qAqVNVRFhjGXf4oXYCpgiy6+DziCxjFcIukvgqcT/hC0mNglda7fCm6VIEipasLPByh4FK6uoB7P0SH4ZhrcA7m5P0q4omOnw5RvT/8iGsxasGTPkOXaxKA3ekriLk2MUpy+YG+n8F15PIG+PMGbAxM/AEqM33NbHme3r6CGkKFMA3fAsNwyml2Ub5pPyPtyMctV5EiQVvsfDRJ/bSF/mWn19va3kfS5hQtOGLv+eTqCT4c9WZ0fiAhO/DFMSwjoPwQP3t3XOCKDqBmWes4o5YHOtLv9MnzsYNnqvgCfOrleIcDwm+LABlZ2sfXvP+RfMcjcYYAOpovef8lHTLwVP57bOf9beyq/ZSM9iLv7+OM9lX5pS38kvpvxFyVn40/nOAA/a25vtWnT/hUnOA6/YyfAycz++hE9Wu5FvunhFD5l+l/u7z83lfpPBRfIA8Jp2n4mOFnnCaZfUBcZFzBqBEEOxFX0Aa7+f4E3IgQG8L30Ew1Tdm+oILA+Ptr3kCUYH6bq2DPZPr13OWhod895BWihGak2X0LJUtSRxJpDl+zcjg2hhoZbiawnYdXz2G0tP5GXkJlAXoEunmhUwX0dUnBRrOxWH/VErOT1LB4JwdA3VJRBsL00eReA2VLTdGVIdCju55ClSk21KPL5FQ4dSBQj04kR4SwpzE6GcIwIvacanR6K5GbxqiA1LULSN2mdDUOwzAlzptGB/LO9VfqOgXmrzEQuj5rLg6Efg2sWSaUgDbnEVCyzKghSTcTlC1TbOyFYJYxBRfyN2EYgejeHLag+38mdSXL9ZHSGwAAAABJRU5ErkJggg==", "location-blue": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAA+VBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACGor0TFxtNXWwKCw5zi6JgdIePrsscIymZudjT08JDUF8KDA4PDw5DUV/x8d4nLzY6RVHExLSPrcswOkRpgJWIiH1NXGxWaHomLzZ8l69DUl8eHhw6RlHi4tBqf5Q5RVF9lq88PDh4eG9pf5R5eW9MXGw5RlFMXWy1tacnLjZLS0VbW1MmLjYdIylbW1RqamGXl4t9l6+mpphWaXq1taZLS0ZXaHpMTEVaWlOXl4qHh30wOUTWkfRSAAAAFnRSTlMA3yAQz+9AUIBwv49gkKBfMK+fsG9/76kSzgAAAslJREFUeF61l+dy4zAMhEVLco2dcndLqruW9N5zvffy/g9zoZPQckJEImeyv/2BwJKAYOep5NZaax4DANZcrddcI7j6ool78lqVsicvSTgc78enPLsWjy6CcShDLJXBn/tAuB8l2aKiQwGwwghVBozjJNMplhGqj6beAkSkAG2EFm1lhSEMskcVAIwysuYj5VmBuIBf0+LLwCTJCrU+BJb1+HZWSoEuQI3AiQD3S6j4BE4E8BdNdBmGmYEmYG6eb0EkJvz6B7QWi+eZkXiI3EtkdPG0BUzhSxCZsQQa8+Njcz6C79ocr7R7l4CH2IaP0ZzhK3bHZ+u3V9DGS6rElwJIT6iBMET9Jn39D/h73GqDEw568uWjr8VPQwwuu6PRdOsA4os2QAhXNt4bYk58PBrN1H0LwbU3INuwjkDfIb9GSmfY0BvQdpxVHOuOB7pzvjsA197gM8q+AO9GOX3CjobfkwYycG1pX/P8Z+0dc9lDgN6a13n+u95k4Kn4Q2zl+S0MaT7RWnuW5w9wTPEMXN8cf+b4X4iM8s+D9nF+w2B6h08H+g6PZAd3iO6fAOcz+uic+rT8lO+nQbVvAAx+XF7+HlB4NpETqEqOj4sxZhpH5AiVA8QHuTHwiyCIeUZoD+xm/mxnVppgTfJV9BNTVKUv1cS29fy1T4AL3G1zTfRsql/NLQ+b5tljvkI00Df/fjecuToQ3LD4tpOT6yE18DAR8Nz7q2fKS+OpWkLzAQQvnbzEiQDGuArgoV/iGjdDWbtWbeCqCH8FdBxKdeAkedS5E6Du0Kr5ygRqea9SrHJxky5dOUfK7QBXdOl552gTeqalF/+PSVKydOIpEY/GIoDCzQMo3CNwQi5Dmmj6zSQDtXP9U7hZgN7tvUvcXCv+zdK1A6w4NmpArgYcaDh2akMkiUDdsZWH3gTMsVbFh/pM2Fogs7cXK8j+PxeAaYIEhEBAAAAAAElFTkSuQmCC", "location-black": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAAilBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADT08IPDw7x8d55eW/i4tDExLSIiH08PDh4eG8eHhxLS0VbW1NqamGmppiXl4u1taZbW1SXl4qHh31MTEW1tadLS0ZaWlMd9FkbAAAAFnRSTlMA3yAQz+9AUHCAv5Bgj6BfrzCfsH9vOk+8NQAAAadJREFUeNq11ulS6zAMBWDJS/aEFu49TUoL3H3l/V+Pmc4UBaZyY2X4/p9YcrzRR/FlfxsYALjZ1KWnHMWnBu+E3tEyvmtwUehogc8RKu6uVs5I4oISfI+rek8ax1iAnRIvIxaJJQlxg8VutLj9AyWylPSWi8gSHc15Rib2NNMjW29rXhSSZxgwnXUwqWR4k+hl+DUFBBg1p/gWwvILWpjVUr5JICIH1bjfTdPh+ASVT629X/fTye5LahvWUPydXj1A0RJtoNhJfjfisjt9+r5OM9/0CWRc9n2a+aHvISj+TTM/ofi4/HGaOebnH6aZJz3PUPyW+B8oOLH8x8M5fhgTO3iA6vGUvn+E6o6ogm78v98/j+kTqADWHSARZrzy/LklkgbMV1Cz7vy1F9ARrSlgY3o8CEdnFQwqEgOytTTjAzIFrz49TY9Qx6a4cGyKCxdsvYsWiwykqRdf+uYnfCwoxbFh5ub8gITB01W1rXVRRlPrwrHWuu0DErd/IDjK4dk0unBsigvHprjYRpxtyaKSk9KmlVVnEwCAyUIuFkd2lVRvw1eqfwHLGQQsMhunXAAAAABJRU5ErkJggg==", "location-green": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABJCAMAAAC9+g4xAAAA21BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARGBCGwH4IDAhDYD9+tHdlkF9+tHYiMCAaJBhUeE8ySDBtnGd2qG7T08JdhFfx8d52qG87VDg7VDcPDw5LbEd1qG4qPCiIiH0zSDDExLQySC/i4tAeHhxchFc8PDh5eW94eG8zSC9tnGZ1qG9LS0VqamG1tadbW1NMTEWXl4u1taaXl4qHh31MbEdbW1SmpphLS0ZaWlPCrZk8AAAAFnRSTlMA3yAQz+9AUHCAv5Bgj6BfrzCfsH9vOk+8NQAAAsJJREFUeF61luV2GzEQRldeMMUOtP0Ey2YIMpS57/9ErZw62uSMYmvPyf3tO5r5VpLlvRZ+s3cQMABgnb1203eSo7cdPCPoNbZdeUfLMpsXd0Pxj2EyVpnUJXa20d+FgJwnqXhKcsYBtrFCxICsSAVFoStEL7beA3hiDKpCzx5lg0Eq8SIKYLYgmyHyodjAIUfYJPVdoEzFRtI5sEvrSmyFogo0Kd1e4PkIjZDWaRTCpyH6DDPhQAnmV/0eeOripzl6T4cfCicOJSLjMyjhiAJ71HfAhTMcLbN84e4nCH2zfA2ydQMBijp+gc5K36+3vEj/f4Iubm0j3nIgP0kEzRzth/bpH9xn+M/R1JJgoHc+JKkPJBbXo8nk9PgCfCAoJHy99zJydY6f55MVo/fgZAeZPoZtKPqEfJ48coUjOoCu5+3hkloeGBl/tCDPR4E3tvgUPk0qfMCSikgHyMjSGX5V/S/kNz7UZwigo/lY9b/SIQOv5Z/huOofY2b3YzLaq6p/gUvat+WXSnwz+ndwYcsvwJ0g+IHF6Vo/XdAnPNEnuG85/SVws7LPb2x/LUu9f1q246uAxe/r6z8Lmy5KfQNF1utjnGFFlggavrpAQiTWW36sVDEUFgZgD/ePErUocaD9CDJ2NE37mg5U7fu3fgP3HOvXXAezOtPvVR4PY/fuYZ4QLcipY/cSLc/QB586Dt/1KvgBcocMY47Af/70zKdb67l5hJoC9Ah081qnCrjrhkYAOd6sj6WenaS7xRtUAX3PRhs4iV9MrgTanp1maEKgRw8ji2pSHNtHN8nZ8PuAso9OJEeEMHMYnQqB2Itxbh+d3kr0pnEv4K6bAkYPKN2Oz5DHxHlz6MC8uY6M7lJg/RmV1t3ZD7HU+hLY9+rQAgarl2DLq0cXPI452l5dAsxKMK82jRDmb6JmBLr7+rAN3f8F+1AqZtptphAAAAAASUVORK5CYII=" }" data-custom-map-id="d90b9c77-79ff-40eb-8897-463475cd8e98" data-ski-trails="{ "type": "FeatureCollection", "features": [ { "type": "Feature", "id": "way/38947649", "properties": { "amenity": "parking", "fee": "yes", "network": "LesPlainesXC", "parking": "surface", "id": "way/38947649" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2325673, 46.7971057 ], [ -71.2327896, 46.7969789 ], [ -71.2329346, 46.7968873 ], [ -71.2304695, 46.7950595 ], [ -71.2304507, 46.7951532 ], [ -71.230347, 46.7958782 ], [ -71.2309025, 46.7960216 ], [ -71.2313503, 46.7961986 ], [ -71.2316942, 46.7964071 ], [ -71.2320612, 46.7966774 ], [ -71.2325673, 46.7971057 ] ] ] } }, { "type": "Feature", "id": "way/38947685", "properties": { "amenity": "parking", "network": "LesPlainesXC", "parking": "surface", "surface": "asphalt", "id": "way/38947685" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2155723, 46.8057306 ], [ -71.2149542, 46.805231 ], [ -71.2146909, 46.8053673 ], [ -71.2146293, 46.8053068 ], [ -71.2142926, 46.8054889 ], [ -71.2145531, 46.805696 ], [ -71.2148558, 46.8061449 ], [ -71.2153382, 46.8058659 ], [ -71.2155723, 46.8057306 ] ] ] } }, { "type": "Feature", "id": "way/38947686", "properties": { "amenity": "parking", "network": "LesPlainesXC", "id": "way/38947686" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2126212, 46.8064424 ], [ -71.2118991, 46.8068981 ], [ -71.211984, 46.8069726 ], [ -71.2116603, 46.8074757 ], [ -71.2120362, 46.8077729 ], [ -71.2120743, 46.8077531 ], [ -71.2126433, 46.8074241 ], [ -71.2126985, 46.8073922 ], [ -71.2123505, 46.8071125 ], [ -71.2127626, 46.806884 ], [ -71.2127984, 46.8066133 ], [ -71.2127873, 46.806591 ], [ -71.2126212, 46.8064424 ] ] ] } }, { "type": "Feature", "id": "way/38947704", "properties": { "access": "yes", "amenity": "parking", "fee": "yes", "network": "LesPlainesXC", "parking": "surface", "id": "way/38947704" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2235127, 46.8001708 ], [ -71.2234772, 46.8001403 ], [ -71.2231926, 46.7998966 ], [ -71.2231599, 46.7998686 ], [ -71.2235299, 46.799632 ], [ -71.2234514, 46.7995711 ], [ -71.2233652, 46.7995042 ], [ -71.2232818, 46.7995563 ], [ -71.223196, 46.7994803 ], [ -71.2231517, 46.799441 ], [ -71.2230915, 46.79939 ], [ -71.2227356, 46.7996065 ], [ -71.2227852, 46.7996447 ], [ -71.2227176, 46.7996785 ], [ -71.2227874, 46.7997315 ], [ -71.2225714, 46.7998711 ], [ -71.2226577, 46.7999396 ], [ -71.2226962, 46.7999703 ], [ -71.2227897, 46.8000491 ], [ -71.2227615, 46.8000626 ], [ -71.2231812, 46.8004016 ], [ -71.2234834, 46.8002694 ], [ -71.223417, 46.8002148 ], [ -71.2235127, 46.8001708 ] ] ] } }, { "type": "Feature", "id": "way/695525376", "properties": { "access": "yes", "amenity": "parking", "fee": "yes", "network": "LesPlainesXC", "parking": "surface", "id": "way/695525376" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ -71.2276361, 46.7958831 ], [ -71.2276095, 46.7958502 ], [ -71.227568, 46.7958142 ], [ -71.2275374, 46.7957951 ], [ -71.2274929, 46.7957791 ], [ -71.2274429, 46.7957685 ], [ -71.2273795, 46.7957658 ], [ -71.2273353, 46.7957697 ], [ -71.227287, 46.7957832 ], [ -71.2272608, 46.7957933 ], [ -71.2272199, 46.7958144 ], [ -71.2272122, 46.7958202 ], [ -71.2271898, 46.795839 ], [ -71.2271613, 46.7958741 ], [ -71.2271509, 46.7958996 ], [ -71.2271462, 46.7959308 ], [ -71.2271472, 46.795956 ], [ -71.2271586, 46.7959893 ], [ -71.2271787, 46.7960224 ], [ -71.2273188, 46.7959638 ], [ -71.2273108, 46.7959526 ], [ -71.2273098, 46.7959356 ], [ -71.2273128, 46.7959212 ], [ -71.2273205, 46.7959072 ], [ -71.227337, 46.7958929 ], [ -71.2273551, 46.7958833 ], [ -71.2273842, 46.7958785 ], [ -71.2274121, 46.7958805 ], [ -71.2274355, 46.7958853 ], [ -71.2274499, 46.7958929 ], [ -71.2274627, 46.7959014 ], [ -71.2274714, 46.7959117 ], [ -71.2274792, 46.7959244 ], [ -71.2276361, 46.7958831 ] ] ] } }, { "type": "Feature", "id": "way/100744893", "properties": { "highway": "footway", "lit": "no", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:lit": "no", "piste:name": "52 - Gilmour", "piste:oneway": "yes", "piste:ref": "52", "piste:type": "nordic", "source": "GPS", "surface": "gravel", "id": "way/100744893" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2160907, 46.801137 ], [ -71.2160678, 46.8010968 ], [ -71.2160561, 46.8010604 ], [ -71.2160764, 46.8010108 ], [ -71.2161079, 46.8009569 ], [ -71.2161224, 46.8009321 ], [ -71.2162609, 46.8008019 ], [ -71.2164298, 46.800671 ], [ -71.2168011, 46.8003873 ], [ -71.2170881, 46.8001874 ], [ -71.2173832, 46.7999327 ], [ -71.2176792, 46.7997538 ], [ -71.2182334, 46.7994541 ], [ -71.2183775, 46.7993365 ], [ -71.2185621, 46.7991699 ], [ -71.2187194, 46.799029 ], [ -71.219007, 46.798904 ], [ -71.2192277, 46.7988736 ], [ -71.2193087, 46.7988423 ], [ -71.2196917, 46.7987129 ], [ -71.2199994, 46.7985165 ], [ -71.2202248, 46.798334 ], [ -71.2205254, 46.7981845 ], [ -71.2214904, 46.7978711 ], [ -71.2217934, 46.7977372 ], [ -71.2227695, 46.797438 ], [ -71.2230927, 46.7972797 ], [ -71.2235305, 46.7970706 ], [ -71.2236771, 46.7969846 ], [ -71.2237751, 46.7968705 ], [ -71.2240722, 46.7965812 ], [ -71.2242733, 46.7964433 ], [ -71.2244905, 46.7963753 ], [ -71.2251202, 46.7960742 ], [ -71.2254888, 46.7958573 ], [ -71.2258108, 46.7956663 ], [ -71.2262063, 46.7954177 ], [ -71.2264129, 46.7952688 ], [ -71.2266211, 46.7951771 ], [ -71.2269197, 46.7950853 ], [ -71.2271342, 46.7950162 ], [ -71.2273299, 46.7949266 ], [ -71.2276957, 46.794799 ] ] } }, { "type": "Feature", "id": "way/156799724", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Cap-aux-Diamants", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "yes", "piste:ref": "55", "piste:type": "nordic", "sidewalk": "no", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/156799724" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.211231, 46.8040646 ], [ -71.2113236, 46.8039421 ], [ -71.2115358, 46.8036614 ], [ -71.211503, 46.8035131 ], [ -71.2114609, 46.8034286 ], [ -71.2113972, 46.8033585 ], [ -71.2113011, 46.8033155 ], [ -71.2112095, 46.8032903 ], [ -71.2110675, 46.8032853 ], [ -71.2109591, 46.8032916 ], [ -71.2108469, 46.8033168 ], [ -71.2106276, 46.8034521 ], [ -71.2102901, 46.8037297 ], [ -71.2102028, 46.803832 ], [ -71.210106, 46.8040108 ], [ -71.2098874, 46.8044146 ], [ -71.209799, 46.8045553 ], [ -71.2097495, 46.8046244 ], [ -71.2097313, 46.8046428 ], [ -71.2096722, 46.8046794 ], [ -71.2095832, 46.8047127 ], [ -71.2093017, 46.8047953 ] ] } }, { "type": "Feature", "id": "way/156799726", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Cap-aux-Diamants", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "yes", "piste:ref": "55", "piste:type": "nordic", "sidewalk:left": "no", "sidewalk:right": "separate", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/156799726" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2081518, 46.8052538 ], [ -71.2081659, 46.8052987 ], [ -71.2081937, 46.8053787 ], [ -71.2082386, 46.8054409 ], [ -71.2083238, 46.8055158 ], [ -71.2084424, 46.8055906 ], [ -71.2086525, 46.8056803 ], [ -71.209085, 46.8058152 ], [ -71.2092405, 46.8058659 ], [ -71.2092647, 46.8058802 ], [ -71.2092984, 46.8059002 ], [ -71.2093522, 46.8059384 ], [ -71.2094121, 46.8059937 ], [ -71.2095146, 46.8060766 ], [ -71.2098555, 46.8063058 ], [ -71.2100041, 46.8063905 ], [ -71.2106183, 46.806704 ] ] } }, { "type": "Feature", "id": "way/156804388", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "-1", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "sidewalk:left": "no", "sidewalk:right": "separate", "source": "NRCan-CanVec-8.0", "source:oneway": "Replaced data (Fred_Fortin)", "surface": "asphalt", "id": "way/156804388" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2204379, 46.7989042 ], [ -71.2202145, 46.7989731 ], [ -71.2187583, 46.7996291 ], [ -71.2186923, 46.7996588 ], [ -71.2166222, 46.8008243 ], [ -71.2165059, 46.8008976 ] ] } }, { "type": "Feature", "id": "way/156804389", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "-1", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "sidewalk:left": "no", "sidewalk:right": "separate", "source": "NRCan-CanVec-8.0", "source:oneway": "Replaced data (Fred_Fortin)", "surface": "asphalt", "id": "way/156804389" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.224108, 46.7976261 ], [ -71.2235915, 46.7978437 ], [ -71.2232796, 46.7979619 ], [ -71.2225517, 46.7982137 ], [ -71.2222264, 46.7983088 ], [ -71.2219556, 46.7983741 ], [ -71.221637, 46.7984426 ], [ -71.2214283, 46.7984856 ], [ -71.2211636, 46.798557 ], [ -71.2208453, 46.7986991 ], [ -71.2206104, 46.7988111 ], [ -71.2204379, 46.7989042 ] ] } }, { "type": "Feature", "id": "way/162158322", "properties": { "highway": "footway", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:lit": "yes", "piste:name": "54 - Cap-Blanc", "piste:oneway": "yes", "piste:ref": "54", "piste:type": "nordic", "source": "GPS", "surface": "gravel", "id": "way/162158322" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.214467, 46.8020567 ], [ -71.2141949, 46.8022451 ], [ -71.2139757, 46.8024056 ], [ -71.2138444, 46.802543 ], [ -71.2137489, 46.8026561 ], [ -71.2135748, 46.8028957 ], [ -71.2135386, 46.8029874 ], [ -71.2135236, 46.8031256 ] ] } }, { "type": "Feature", "id": "way/624093746", "properties": { "highway": "footway", "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "yes", "piste:ref": "55", "piste:type": "nordic", "surface": "ground", "id": "way/624093746" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2126063, 46.8042879 ], [ -71.2123259, 46.8040587 ], [ -71.2120416, 46.804022 ], [ -71.2118377, 46.804022 ], [ -71.2117787, 46.804022 ], [ -71.211231, 46.8040646 ] ] } }, { "type": "Feature", "id": "way/676681357", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "-1", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/676681357" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.215829, 46.801319 ], [ -71.2151774, 46.8018299 ], [ -71.214794, 46.8022571 ], [ -71.2141875, 46.8031265 ], [ -71.2140831, 46.8032638 ], [ -71.2138008, 46.8035279 ], [ -71.2137304, 46.8036012 ] ] } }, { "type": "Feature", "id": "way/902151650", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "id": "way/902151650" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2136076, 46.8046573 ], [ -71.2136253, 46.8047511 ], [ -71.2136682, 46.8047896 ], [ -71.2137621, 46.8048318 ], [ -71.2138399, 46.8048649 ], [ -71.2139338, 46.8048888 ], [ -71.2139955, 46.8048961 ], [ -71.2141403, 46.8048943 ], [ -71.2142905, 46.804863 ], [ -71.21443, 46.8048135 ], [ -71.2145533, 46.8047547 ], [ -71.2148377, 46.804617 ], [ -71.2150442, 46.8045179 ], [ -71.2153205, 46.8044004 ], [ -71.2157308, 46.8041893 ], [ -71.2158381, 46.8041305 ], [ -71.2158663, 46.804121 ], [ -71.2159803, 46.8040864 ], [ -71.2160983, 46.8040736 ], [ -71.2163746, 46.8040369 ], [ -71.2165248, 46.8040057 ], [ -71.216683, 46.8039524 ], [ -71.216844, 46.8038753 ], [ -71.2171524, 46.8037156 ], [ -71.2175172, 46.8035228 ], [ -71.2179544, 46.8032915 ], [ -71.2181663, 46.8031776 ], [ -71.2182529, 46.8031241 ] ] } }, { "type": "Feature", "id": "way/902151651", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "id": "way/902151651" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2182529, 46.8031241 ], [ -71.2183004, 46.8030785 ], [ -71.2183379, 46.8030014 ], [ -71.2183648, 46.8028967 ], [ -71.2183916, 46.8027076 ], [ -71.2184747, 46.8024175 ], [ -71.2185203, 46.8023037 ], [ -71.2185686, 46.8022027 ], [ -71.2186678, 46.8021054 ], [ -71.218794, 46.8020283 ], [ -71.2189522, 46.8019457 ], [ -71.2191989, 46.8017694 ], [ -71.2193763, 46.8016091 ], [ -71.2195932, 46.801472 ], [ -71.2197494, 46.8014039 ], [ -71.2199365, 46.801382 ], [ -71.2200855, 46.8013765 ], [ -71.2202186, 46.8013668 ], [ -71.2203254, 46.8013397 ], [ -71.2204271, 46.8012895 ] ] } }, { "type": "Feature", "id": "way/902151653", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "id": "way/902151653" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.220267, 46.8007177 ], [ -71.2201941, 46.8005742 ], [ -71.2201833, 46.8005199 ], [ -71.2201833, 46.8004567 ], [ -71.2201974, 46.8003933 ], [ -71.2202557, 46.8002951 ], [ -71.2203469, 46.8001904 ], [ -71.2204846, 46.8000216 ], [ -71.2205252, 46.7999784 ], [ -71.220583, 46.7999361 ], [ -71.2206581, 46.7999242 ], [ -71.220721, 46.7999234 ], [ -71.2207788, 46.7999279 ], [ -71.2208834, 46.7999315 ], [ -71.2209617, 46.799947 ], [ -71.2210886, 46.7999545 ], [ -71.2212937, 46.7999444 ], [ -71.2214748, 46.7999205 ], [ -71.2216196, 46.7998727 ], [ -71.2217216, 46.7998085 ], [ -71.2217738, 46.7997534 ], [ -71.2217979, 46.7996928 ], [ -71.2218402, 46.7995932 ], [ -71.2218557, 46.7995473 ], [ -71.2218865, 46.7994633 ], [ -71.2219831, 46.7993182 ], [ -71.2220367, 46.7992264 ], [ -71.2221199, 46.7990061 ], [ -71.2221681, 46.7988666 ], [ -71.2222406, 46.7987105 ], [ -71.2223076, 46.7986315 ], [ -71.2223774, 46.7985783 ], [ -71.2224766, 46.7985434 ], [ -71.2225919, 46.7985434 ], [ -71.2226992, 46.7985636 ], [ -71.2228092, 46.7985985 ], [ -71.2228897, 46.798637 ], [ -71.2229862, 46.7986719 ], [ -71.2230747, 46.7986995 ], [ -71.2231498, 46.7987142 ], [ -71.2232062, 46.7987142 ], [ -71.2232705, 46.7986958 ], [ -71.2233564, 46.7986462 ], [ -71.2234663, 46.7985783 ], [ -71.2236004, 46.798503 ], [ -71.2237372, 46.7984351 ], [ -71.223858, 46.7983984 ], [ -71.223992, 46.7983414 ], [ -71.2241181, 46.7983047 ], [ -71.2243005, 46.7982588 ], [ -71.2244722, 46.7982368 ], [ -71.2246438, 46.7982386 ], [ -71.2248262, 46.7982386 ], [ -71.2249281, 46.7982349 ], [ -71.2249791, 46.7982202 ], [ -71.2250032, 46.7981964 ], [ -71.2250408, 46.7981358 ], [ -71.2250757, 46.7980127 ], [ -71.2250917, 46.7978273 ], [ -71.2251159, 46.7976914 ], [ -71.2251588, 46.7976051 ], [ -71.2252446, 46.7974876 ], [ -71.2253841, 46.7973095 ], [ -71.2254968, 46.7971608 ], [ -71.2255987, 46.797023 ], [ -71.2257273, 46.79687 ] ] } }, { "type": "Feature", "id": "way/902151654", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "-1", "piste:ref": "55", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/902151654" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2129927, 46.8040642 ], [ -71.2130275, 46.8040445 ], [ -71.2130731, 46.8040152 ], [ -71.2131187, 46.8039876 ], [ -71.2131699, 46.8039593 ] ] } }, { "type": "Feature", "id": "way/902151655", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "id": "way/902151655" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2137304, 46.8036012 ], [ -71.2137896, 46.8037675 ], [ -71.2138187, 46.8038854 ], [ -71.2138089, 46.8039811 ], [ -71.2137739, 46.8040713 ], [ -71.2136897, 46.8042067 ] ] } }, { "type": "Feature", "id": "way/902151657", "properties": { "highway": "residential", "lane_markings": "no", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "no", "piste:ref": "53", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "source:oneway": "Replaced data (Fred_Fortin)", "surface": "asphalt", "width": "5", "id": "way/902151657" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2257273, 46.79687 ], [ -71.2262422, 46.7966283 ], [ -71.2265357, 46.7965224 ] ] } }, { "type": "Feature", "id": "way/902151658", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "easy", "piste:grooming": "classic+skating", "piste:lit": "yes", "piste:name": "51 - Des Braves", "piste:oneway": "no", "piste:ref": "51", "piste:type": "nordic", "id": "way/902151658" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2265357, 46.7965224 ], [ -71.2266863, 46.7965387 ], [ -71.2268032, 46.7965713 ], [ -71.2269233, 46.7966068 ], [ -71.2270734, 46.796648 ], [ -71.2272234, 46.7966891 ] ] } }, { "type": "Feature", "id": "way/902151659", "properties": { "lit": "yes", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "easy", "piste:grooming": "classic+skating", "piste:lit": "yes", "piste:name": "51 - Des Braves", "piste:oneway": "yes", "piste:ref": "51", "piste:type": "nordic", "id": "way/902151659" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2313742, 46.797239 ], [ -71.2314949, 46.7970747 ], [ -71.2315311, 46.7969792 ], [ -71.2315257, 46.7969269 ], [ -71.2314949, 46.7968644 ], [ -71.2312897, 46.7967488 ], [ -71.2309691, 46.7966042 ], [ -71.2306929, 46.796483 ], [ -71.2303791, 46.796371 ], [ -71.2301189, 46.7963067 ], [ -71.2298265, 46.7962534 ], [ -71.2294832, 46.7962241 ], [ -71.2292445, 46.7962241 ], [ -71.2290111, 46.7962351 ], [ -71.2285927, 46.7962993 ], [ -71.2279007, 46.7964334 ], [ -71.2274179, 46.7965674 ], [ -71.227257, 46.7966427 ], [ -71.2272234, 46.7966891 ] ] } }, { "type": "Feature", "id": "way/902154935", "properties": { "lit": "no", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:lit": "no", "piste:name": "52 - Gilmour", "piste:oneway": "yes", "piste:ref": "52", "piste:type": "nordic", "id": "way/902154935" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2276957, 46.794799 ], [ -71.2279812, 46.7948294 ], [ -71.2282655, 46.7948662 ], [ -71.2284129, 46.7949138 ], [ -71.2285015, 46.7949984 ], [ -71.2285176, 46.7951159 ], [ -71.2284532, 46.7952334 ], [ -71.2282977, 46.795384 ], [ -71.2281206, 46.7955713 ], [ -71.227949, 46.7956815 ], [ -71.2277559, 46.7957365 ], [ -71.2276539, 46.7957329 ], [ -71.2275922, 46.795709 ], [ -71.2275225, 46.7956778 ], [ -71.2274152, 46.7956466 ], [ -71.2272972, 46.7956576 ], [ -71.2271872, 46.795687 ], [ -71.2271202, 46.7957292 ], [ -71.2270665, 46.7957751 ], [ -71.2270156, 46.7958375 ], [ -71.2269995, 46.7959092 ], [ -71.2269914, 46.7960028 ], [ -71.2269646, 46.7960744 ], [ -71.2268412, 46.7961552 ], [ -71.2266964, 46.7962287 ], [ -71.2264603, 46.7963517 ], [ -71.226294, 46.7964178 ], [ -71.2260929, 46.7964435 ], [ -71.225704, 46.7964637 ], [ -71.2255323, 46.7964802 ], [ -71.2252587, 46.7965445 ], [ -71.2250039, 46.7966253 ], [ -71.2247464, 46.7967061 ], [ -71.2245426, 46.7967887 ], [ -71.2244809, 46.7968493 ], [ -71.2244219, 46.7969503 ], [ -71.2243441, 46.797088 ], [ -71.2243226, 46.7971247 ], [ -71.2242287, 46.7972018 ], [ -71.2241536, 46.7972771 ], [ -71.224041, 46.7973653 ], [ -71.223982, 46.7974387 ], [ -71.223982, 46.797492 ], [ -71.2240041, 46.7975299 ], [ -71.2240517, 46.7975746 ], [ -71.224108, 46.7976261 ] ] } }, { "type": "Feature", "id": "way/902154937", "properties": { "lit": "no", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:lit": "yes", "piste:name": "54 - Cap-Blanc", "piste:oneway": "yes", "piste:ref": "54", "piste:type": "nordic", "id": "way/902154937" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.215829, 46.801319 ], [ -71.2156137, 46.8013594 ] ] } }, { "type": "Feature", "id": "way/902154942", "properties": { "highway": "footway", "lit": "no", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:lit": "yes", "piste:name": "54 - Cap-Blanc", "piste:oneway": "yes", "piste:ref": "54", "piste:type": "nordic", "source": "GPS", "surface": "gravel", "id": "way/902154942" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2156137, 46.8013594 ], [ -71.2154167, 46.8014773 ], [ -71.2151013, 46.8016494 ], [ -71.2148358, 46.8018175 ], [ -71.2145883, 46.8019727 ], [ -71.214467, 46.8020567 ] ] } }, { "type": "Feature", "id": "way/902901681", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "-1", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "no", "piste:ref": "53", "piste:type": "nordic", "sidewalk": "no", "source": "NRCan-CanVec-8.0", "source:oneway": "Replaced data (Fred_Fortin)", "surface": "asphalt", "id": "way/902901681" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2257273, 46.79687 ], [ -71.2241928, 46.7975904 ], [ -71.224108, 46.7976261 ] ] } }, { "type": "Feature", "id": "way/1010067241", "properties": { "lit": "yes", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "easy", "piste:grooming": "classic+skating", "piste:lit": "yes", "piste:name": "51 - Des Braves", "piste:oneway": "yes", "piste:ref": "51", "piste:type": "nordic", "id": "way/1010067241" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2300719, 46.7977247 ], [ -71.2299754, 46.7976513 ], [ -71.2298735, 46.7976255 ], [ -71.229557, 46.7975888 ], [ -71.228924, 46.7975558 ], [ -71.2285914, 46.7975227 ], [ -71.2283661, 46.797475 ], [ -71.2281247, 46.7973685 ], [ -71.2276955, 46.7971592 ], [ -71.2276097, 46.797082 ], [ -71.2275614, 46.7969866 ], [ -71.2275721, 46.7969021 ], [ -71.2276472, 46.7968139 ], [ -71.227894, 46.7966046 ], [ -71.2280174, 46.7965495 ], [ -71.2281729, 46.7964944 ], [ -71.2284036, 46.7964504 ], [ -71.2285806, 46.7964467 ], [ -71.2288489, 46.7964577 ], [ -71.2290259, 46.7964724 ], [ -71.2292029, 46.7965348 ], [ -71.229337, 46.7966156 ], [ -71.2299968, 46.7972253 ], [ -71.2301041, 46.7973061 ], [ -71.2302812, 46.7974419 ], [ -71.2304099, 46.7975007 ], [ -71.2305333, 46.7975337 ], [ -71.2307519, 46.7975328 ], [ -71.2309624, 46.7974832 ], [ -71.2311153, 46.7974098 ], [ -71.2312253, 46.7973464 ], [ -71.2313742, 46.797239 ] ] } }, { "type": "Feature", "id": "way/1010067242", "properties": { "lit": "yes", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "easy", "piste:grooming": "classic+skating", "piste:lit": "yes", "piste:name": "51 - Des Braves", "piste:oneway": "yes", "piste:ref": "51", "piste:type": "nordic", "id": "way/1010067242" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2272234, 46.7966891 ], [ -71.2271108, 46.7968837 ], [ -71.2270786, 46.7970416 ], [ -71.227084, 46.7971665 ], [ -71.2271054, 46.7972473 ], [ -71.2271912, 46.7973244 ], [ -71.2285753, 46.7982205 ], [ -71.2288703, 46.7983967 ], [ -71.2289776, 46.7984335 ], [ -71.229101, 46.7984592 ], [ -71.2292512, 46.7984408 ], [ -71.2295516, 46.7983453 ], [ -71.2298037, 46.7982315 ], [ -71.2300183, 46.7981103 ], [ -71.2301149, 46.7980222 ], [ -71.2301524, 46.7979267 ], [ -71.2301309, 46.7978349 ], [ -71.2300719, 46.7977247 ] ] } }, { "type": "Feature", "id": "way/1011124177", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "yes", "piste:ref": "55", "piste:type": "nordic", "id": "way/1011124177" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2106183, 46.806704 ], [ -71.2107893, 46.806639 ], [ -71.2109252, 46.8064906 ], [ -71.2109721, 46.8063616 ], [ -71.2109657, 46.8061982 ], [ -71.2108963, 46.8060611 ], [ -71.210801, 46.8059193 ], [ -71.2108034, 46.8057822 ], [ -71.2108432, 46.8057005 ], [ -71.2109522, 46.8056389 ], [ -71.2111824, 46.8056275 ], [ -71.2114505, 46.8056492 ], [ -71.2117004, 46.8056842 ], [ -71.2118951, 46.8056564 ], [ -71.2120513, 46.8056077 ], [ -71.2121505, 46.8055053 ], [ -71.2122026, 46.805387 ], [ -71.2122392, 46.8052749 ], [ -71.2123384, 46.805133 ], [ -71.2123851, 46.8050531 ], [ -71.2124412, 46.8049721 ], [ -71.2125283, 46.8048945 ], [ -71.2126554, 46.8048439 ], [ -71.2128058, 46.804796 ], [ -71.2130094, 46.8047356 ], [ -71.213105, 46.8047034 ], [ -71.2132047, 46.8046796 ], [ -71.2133629, 46.8046551 ], [ -71.2135113, 46.8046468 ], [ -71.2136076, 46.8046573 ] ] } }, { "type": "Feature", "id": "way/1132077552", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "-1", "piste:ref": "55", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/1132077552" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2131699, 46.8039593 ], [ -71.2134141, 46.803811 ], [ -71.2137304, 46.8036012 ] ] } }, { "type": "Feature", "id": "way/1132077553", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "54", "piste:type": "nordic", "id": "way/1132077553" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2131699, 46.8039593 ], [ -71.2133711, 46.8039495 ], [ -71.2134984, 46.803988 ], [ -71.2135886, 46.8040187 ], [ -71.2136556, 46.8041028 ], [ -71.2136897, 46.8042067 ] ] } }, { "type": "Feature", "id": "way/1133030222", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Garneau", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "sidewalk": "no", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/1133030222" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2204271, 46.8012895 ], [ -71.2204376, 46.8012637 ], [ -71.2204505, 46.8012185 ], [ -71.2204533, 46.8011529 ], [ -71.2204548, 46.8010728 ], [ -71.2204467, 46.801003 ], [ -71.2204145, 46.8009332 ], [ -71.2203689, 46.8008671 ], [ -71.2203247, 46.8007974 ], [ -71.220267, 46.8007177 ] ] } }, { "type": "Feature", "id": "way/1181019318", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Cap-aux-Diamants", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "yes", "piste:ref": "55", "piste:type": "nordic", "sidewalk": "both", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/1181019318" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2093017, 46.8047953 ], [ -71.2090556, 46.8047963 ], [ -71.208745, 46.8048042 ], [ -71.208511, 46.8048324 ], [ -71.2084621, 46.8048463 ], [ -71.2083659, 46.8048735 ], [ -71.2082708, 46.8049204 ], [ -71.2081925, 46.8049987 ], [ -71.2081479, 46.8050829 ], [ -71.208143, 46.8051806 ], [ -71.2081518, 46.8052538 ] ] } }, { "type": "Feature", "id": "way/1218135517", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "yes", "piste:difficulty": "advanced", "piste:grooming": "classic+skating", "piste:name": "55 - Cap-aux-Diamants", "piste:oneway": "-1", "piste:ref": "55", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/1218135517" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2126063, 46.8042879 ], [ -71.2127267, 46.8042144 ], [ -71.2129927, 46.8040642 ] ] } }, { "type": "Feature", "id": "way/1218135518", "properties": { "lit": "yes", "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "id": "way/1218135518" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2136897, 46.8042067 ], [ -71.2136597, 46.8043584 ], [ -71.2136441, 46.8045069 ], [ -71.2136146, 46.8046225 ], [ -71.2136076, 46.8046573 ] ] } }, { "type": "Feature", "id": "way/1218135519", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "-1", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/1218135519" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2160907, 46.801137 ], [ -71.2160316, 46.8011758 ], [ -71.2159632, 46.8012226 ], [ -71.2159002, 46.8012648 ], [ -71.215829, 46.801319 ] ] } }, { "type": "Feature", "id": "way/1218135520", "properties": { "highway": "residential", "lit": "yes", "name": "Avenue Ontario", "network": "LesPlainesXC", "oneway": "-1", "piste:difficulty": "intermediate", "piste:grooming": "classic;skating", "piste:lit": "yes", "piste:name": "53 - Martello", "piste:oneway": "yes", "piste:ref": "53", "piste:type": "nordic", "source": "NRCan-CanVec-8.0", "surface": "asphalt", "id": "way/1218135520" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2165059, 46.8008976 ], [ -71.2163052, 46.8010096 ], [ -71.2161939, 46.8010757 ], [ -71.2160907, 46.801137 ] ] } }, { "type": "Feature", "id": "way/1245638263", "properties": { "network": "LesPlainesXC", "piste:difficulty": "intermediate", "piste:grooming": "classic", "piste:lit": "yes", "piste:name": "54 - Cap-Blanc", "piste:oneway": "yes", "piste:ref": "54", "piste:type": "nordic", "source": "GPS", "id": "way/1245638263" }, "geometry": { "type": "LineString", "coordinates": [ [ -71.2135236, 46.8031256 ], [ -71.213513, 46.8032854 ], [ -71.213564, 46.8034414 ], [ -71.2136713, 46.8035461 ], [ -71.2137304, 46.8036012 ] ] } } ] }" data-walking-trails="{ "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22678213351917, 46.79976167944599 ], [ -71.22759009568387, 46.79972914469445 ], [ -71.23102789548321, 46.79769026100956 ], [ -71.2315823793221, 46.79733236388134 ], [ -71.2315823793221, 46.797093764473374 ], [ -71.23162990650808, 46.79683347300315 ], [ -71.23148732494954, 46.79657318027424 ], [ -71.23109126506517, 46.79638880549592 ], [ -71.23031498769109, 46.79612851061606 ], [ -71.22922186240928, 46.79597667135437 ], [ -71.22792278598762, 46.796020054044476 ], [ -71.22749504131194, 46.79612851061606 ], [ -71.22686134549642, 46.79641049667899 ], [ -71.22643360082078, 46.79675755442085 ], [ -71.22606922572704, 46.797104609923906 ], [ -71.2257682202146, 46.797722796994435 ], [ -71.22554642667944, 46.79837351255384 ], [ -71.22556226907476, 46.79888323424527 ], [ -71.22553058428348, 46.79962069538007 ], [ -71.22510283960847, 46.80004364647007 ], [ -71.2258632745872, 46.80054250758488 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.2267854149339, 46.79976338538259 ], [ -71.22593190958038, 46.79935074509808 ], [ -71.22563851711432, 46.79916085647045 ], [ -71.22556383539661, 46.79901478783921 ], [ -71.22556383539661, 46.798974618896096 ], [ -71.22555850098752, 46.79891619128858 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22677573525104, 46.7997688813804 ], [ -71.22662805657434, 46.80024475817416 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22567494767034, 46.80068465764842 ], [ -71.22493622099576, 46.800087943948284 ], [ -71.22328535866929, 46.80061412171219 ], [ -71.22226485199218, 46.8009164899766 ], [ -71.22156420561673, 46.80108331311939 ], [ -71.22060462471173, 46.80140653148615 ], [ -71.2199649041084, 46.801771453114725 ], [ -71.21927948917583, 46.80231361782165 ], [ -71.21902055464629, 46.8026055504003 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22065033708576, 46.80136808338199 ], [ -71.22083024324746, 46.80159157937885 ], [ -71.22083024324746, 46.801669118589245 ], [ -71.2208369064389, 46.801778585519685 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22199630170651, 46.80098950641184 ], [ -71.2225493465751, 46.8013772056857 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22293581166429, 46.80070671223834 ], [ -71.2232889607974, 46.801021434692984 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.22222285020665, 46.8013772056857 ], [ -71.22258932572265, 46.8011445864567 ], [ -71.22252935700187, 46.80082530352422 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.2183593550715, 46.803244864887375 ], [ -71.21822122012958, 46.803128490396006 ], [ -71.21819996860012, 46.803026662509524 ], [ -71.21813621401176, 46.80288846721288 ], [ -71.21814683977605, 46.80271390422533 ], [ -71.21814683977605, 46.80253934067076 ], [ -71.21800870483418, 46.80237205006699 ], [ -71.21768993189148, 46.80216111769417 ], [ -71.21745616506571, 46.8020520144178 ], [ -71.21714801788822, 46.80194291092073 ], [ -71.21694612835707, 46.80202292017364 ], [ -71.21526725752311, 46.80368126698747 ], [ -71.21525663175885, 46.803812186927274 ], [ -71.21536288940612, 46.803914013326334 ], [ -71.21638296282434, 46.80434313674988 ], [ -71.21572416540857, 46.804699524787566 ], [ -71.21504411646342, 46.80497590572196 ], [ -71.21448095092981, 46.8051431882289 ], [ -71.2139921657506, 46.80528865085586 ], [ -71.2137583989257, 46.80532501645129 ], [ -71.2126108163308, 46.804277677465876 ] ], "type": "LineString" }, "id": 8 }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21726490130065, 46.80199382591371 ], [ -71.21707363753468, 46.8017901656533 ], [ -71.21697800565167, 46.80163741995156 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21371911875767, 46.80530826604567 ], [ -71.21324095933437, 46.80551918608293 ], [ -71.21277342567646, 46.80590465849684 ], [ -71.2121146282492, 46.80662468447565 ], [ -71.21173210071056, 46.80697378451089 ], [ -71.21147708235178, 46.807475611842705 ], [ -71.21154083694127, 46.80780288801523 ], [ -71.21178522953556, 46.80805016202501 ], [ -71.21217838283867, 46.80832652574884 ], [ -71.21232714354832, 46.8084283436053 ], [ -71.21251840731763, 46.80855197931436 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21218900860403, 46.80871925070417 ], [ -71.21193399024433, 46.808464707078855 ], [ -71.21164709459124, 46.808181071334076 ], [ -71.2113495731719, 46.8078974340942 ], [ -71.21124331552282, 46.8075701584969 ], [ -71.21115830940262, 46.807191970882855 ], [ -71.21073327880433, 46.80692287423008 ], [ -71.21026574514639, 46.8067119596966 ], [ -71.20991509490295, 46.80646467953562 ], [ -71.20957507042398, 46.80621739823732 ], [ -71.20922442018049, 46.805977388831536 ], [ -71.20839561051378, 46.80560646309803 ], [ -71.20803433450583, 46.80543190892621 ], [ -71.20789619956065, 46.80527190043827 ], [ -71.20793870262119, 46.8051191646197 ], [ -71.20812996639052, 46.80495188203457 ], [ -71.20832123015894, 46.804755506162365 ], [ -71.20840623627915, 46.804660954560944 ], [ -71.20869313193312, 46.80464640814603 ], [ -71.20906503370638, 46.804610042091156 ], [ -71.2092562974757, 46.80458094922986 ], [ -71.20954319312968, 46.80458094922986 ], [ -71.20966007654414, 46.80460276887757 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.20923232045465, 46.805953160618 ], [ -71.20923232045465, 46.80620664424785 ], [ -71.20930638760852, 46.806439848132044 ], [ -71.20973597709914, 46.806561519322884 ], [ -71.2100766860053, 46.806744025592224 ], [ -71.21026926060429, 46.806865696095 ], [ -71.2103581411888, 46.80705834049405 ], [ -71.21019519345107, 46.807250984203534 ], [ -71.20994336512884, 46.807443627223165 ], [ -71.20970635023784, 46.80758557427001 ], [ -71.2094545219156, 46.80777821609132 ], [ -71.20938045476176, 46.80793030125213 ], [ -71.2094248950543, 46.80815335871037 ], [ -71.20943970848496, 46.808335859579245 ], [ -71.20908418614755, 46.80837641524363 ], [ -71.20877310410275, 46.80837641524363 ], [ -71.2085212757805, 46.808386554155334 ], [ -71.20834351461208, 46.80866030403928 ], [ -71.2082250071663, 46.8088428031881 ], [ -71.2079731788447, 46.8088428031881 ], [ -71.20758802964598, 46.8088428031881 ], [ -71.20733620132374, 46.8088326643628 ], [ -71.20692142526437, 46.80907599564367 ], [ -71.20672885066475, 46.80925849338209 ], [ -71.20656590292698, 46.80922807713549 ], [ -71.2062992611741, 46.80911655075039 ], [ -71.2060178059912, 46.80902530171775 ], [ -71.20576597766895, 46.80901516292684 ], [ -71.2053956419009, 46.80901516292684 ], [ -71.2049512389796, 46.80901516292684 ], [ -71.20469941065801, 46.80902530171775 ], [ -71.2044920226277, 46.80929904835119 ], [ -71.2044920226277, 46.80956265490332 ], [ -71.20444758233576, 46.80977556694472 ], [ -71.20443276890512, 46.81017097278573 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.21240231567313, 46.806333962241496 ], [ -71.212716577596, 46.80653162295792 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "walk" }, "geometry": { "coordinates": [ [ -71.2118247532214, 46.80689787471809 ], [ -71.21196914383415, 46.80696763667564 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "champlain" }, "geometry": { "coordinates": [ [ -71.22852862282602, 46.79511682024659 ], [ -71.2271882658052, 46.79537681217593 ], [ -71.22578089093312, 46.7960803134506 ], [ -71.22432883749387, 46.796554406948474 ], [ -71.22363631969986, 46.79695203053271 ], [ -71.22296614118943, 46.797303772023014 ], [ -71.22209490912581, 46.79764021825426 ], [ -71.22131303419698, 46.797884905100375 ], [ -71.22048648070097, 46.79817546928547 ], [ -71.21992799860897, 46.798542495487396 ], [ -71.2182525523329, 46.799444757590095 ], [ -71.21722494528323, 46.80001057525786 ], [ -71.21626435608526, 46.80083635252649 ], [ -71.21516973118479, 46.80157036612448 ], [ -71.21429849912117, 46.802105578060605 ], [ -71.21376235631273, 46.80261020158042 ], [ -71.21351662419231, 46.802931323174164 ], [ -71.21351662419231, 46.803099528958285 ] ], "type": "LineString" } }, { "type": "Feature", "properties": { "type": "champlain" }, "geometry": { "coordinates": [ [ -71.22200555199099, 46.79770139006996 ], [ -71.22091092709053, 46.79842015369823 ], [ -71.22010671287812, 46.79897068955779 ], [ -71.21921314153091, 46.799368295287024 ], [ -71.2183865880349, 46.79975060571684 ], [ -71.21742599883642, 46.799964698371554 ], [ -71.21709090958126, 46.80008703664879 ] ], "type": "LineString" } }, { "type": "Feature", "properties": {"type": "gilmour"}, "geometry": { "coordinates": [ [ -71.2294560442947, 46.795715176704874 ], [ -71.2294629353303, 46.79546514258436 ], [ -71.22970412156683, 46.795224542617206 ], [ -71.22973168570805, 46.79504055368136 ], [ -71.22965588431943, 46.79485656411606 ], [ -71.22908392838708, 46.79488958793053 ], [ -71.22858088280724, 46.79504527135401 ], [ -71.22842928002997, 46.79501224763544 ], [ -71.22834658760628, 46.7948376933559 ], [ -71.228904761468, 46.79456878430432 ], [ -71.22932511462363, 46.79431402712092 ], [ -71.22942158911846, 46.7940592687315 ], [ -71.22885652422057, 46.79407342200713 ], [ -71.22846373520676, 46.794163059332305 ], [ -71.22796068962748, 46.79371015342474 ] ], "type": "LineString" } } ] }" ></div> <button x-show="!listOpen" class="absolute bottom-0 left-0 z-40 inline-flex w-full items-center bg-beige-100 py-3 text-center text-xs font-bold md:hidden" @click="listOpen = true" > <span class="mx-auto h-[4px] w-[60px] rounded-full bg-black/40"></span> </button> </div> <div class="absolute left-3 right-3 top-3 md:left-[460px]"> <div class="absolute left-0 top-0 z-10"> <div x-show="goToLink == 'brave'" @click="goToBrave" class="hidden cursor-pointer flex-col border border-black bg-beige-100 md:flex md:w-[150px] lg:w-[205px]" > <div class="px-3 pt-3"> <img class="w-full" src="https://www.plainsofabraham.ca/cpresources/87f66506/map-brave.png?v=1731508511" > </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-3 py-2 gap-3 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Braves' });goToBrave()" > <span class="font-normal">Visit the park of the brave</span> <svg class="size-6 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div x-show="goToLink == 'brave'" x-cloak class="block md:hidden" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 shrink-1 text-sm bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Braves' });goToBrave()" > The Park of the Brave <svg class="size-4 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div x-show="goToLink == 'plains'" @click="goToPlains" class="hidden cursor-pointer flex-col border border-black bg-beige-100 md:flex md:w-[150px] lg:w-[205px]" > <div class="px-3 pt-3"> <img class="w-full" src="https://www.plainsofabraham.ca/cpresources/87f66506/map-plaines.png?v=1731508511" > </div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-3 py-2 gap-1 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Plaines' });goToPlains()" > <span class="font-normal">Visit the Plains of Abraham</span> <svg class="size-6 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div x-show="goToLink == 'plains'" class="block md:hidden" > <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 shrink-1 text-sm bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="gtag('event', 'carte_parc_clic', { 'parc_nom': 'Parc\u0020des\u0020Plaines' });goToPlains()" > The Plains <svg class="size-4 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> <div class="absolute right-0 top-0 z-10 md:max-w-[calc(100%_-_150px_-_0.75rem)] lg:max-w-[calc(100%_-_200px_-_0.75rem)]"> <div class="flex flex-wrap items-center justify-end gap-3"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-5 py-2 gap-2 hidden md:inline-flex bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleWalkingTrails()" x-bind:aria-selected="walkingTrailsVisible" > Trails </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-5 py-2 gap-2 hidden md:inline-flex bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleSkiTrails()" x-bind:aria-selected="skiTrailsVisible" > Ski slopes </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 inline-flex md:hidden bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleWalkingTrails()" x-bind:aria-selected="walkingTrailsVisible" > <svg class="size-4 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' > <path d="M10.1055 3C10.1055 3.66304 10.3689 4.29893 10.8377 4.76777C11.3065 5.23661 11.9424 5.5 12.6055 5.5C13.2685 5.5 13.9044 5.23661 14.3732 4.76777C14.8421 4.29893 15.1055 3.66304 15.1055 3C15.1055 2.33696 14.8421 1.70107 14.3732 1.23223C13.9044 0.763392 13.2685 0.5 12.6055 0.5C11.9424 0.5 11.3065 0.763392 10.8377 1.23223C10.3689 1.70107 10.1055 2.33696 10.1055 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.3173 11.0149C14.1883 10.5679 13.5223 9.32587 12.6783 7.75287L12.4163 7.27087C12.2701 7.00797 12.0482 6.79511 11.7794 6.65994C11.5107 6.52477 11.2075 6.47354 10.9092 6.51289C10.611 6.55225 10.3315 6.68038 10.107 6.88064C9.88246 7.0809 9.72337 7.34404 9.65034 7.63587L6.15034 21.6359C6.05381 22.0216 6.1144 22.4299 6.3188 22.771C6.52319 23.1121 6.85466 23.3581 7.24034 23.4549C7.36012 23.4844 7.48298 23.4995 7.60634 23.4999C7.94076 23.4996 8.26549 23.3875 8.52893 23.1815C8.79237 22.9755 8.97941 22.6874 9.06034 22.3629L10.3073 17.3739C11.2203 18.7269 11.4823 19.6019 12.1473 22.3519C12.2261 22.6782 12.4121 22.9687 12.6755 23.1769C12.939 23.385 13.2646 23.4987 13.6003 23.4999C13.7192 23.4996 13.8377 23.4855 13.9533 23.4579C14.1449 23.4116 14.3255 23.3281 14.4848 23.2121C14.644 23.096 14.7789 22.9497 14.8816 22.7815C14.9843 22.6134 15.0529 22.4266 15.0834 22.2319C15.1139 22.0372 15.1057 21.8384 15.0593 21.6469C14.0243 17.3699 13.6703 16.7839 11.2473 13.5969L11.7323 11.6609C13.1375 12.9986 14.9564 13.8179 16.8893 13.9839C17.0866 14.0169 17.2885 14.0102 17.4832 13.9641C17.6778 13.9179 17.8613 13.8333 18.0227 13.7153C18.1842 13.5972 18.3204 13.448 18.4234 13.2765C18.5263 13.105 18.5939 12.9146 18.6222 12.7166C18.6505 12.5185 18.6388 12.3169 18.588 12.1234C18.5372 11.9299 18.4482 11.7486 18.3262 11.59C18.2043 11.4314 18.0518 11.2989 17.8779 11.2001C17.7039 11.1013 17.512 11.0384 17.3133 11.0149H17.3173Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.1055 9.5L17.6055 23.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.80109 13.1839C3.65011 13.1501 3.50741 13.0864 3.38141 12.9966C3.2554 12.9069 3.14863 12.7928 3.06738 12.6611C2.98612 12.5295 2.93203 12.3829 2.90828 12.23C2.88453 12.0771 2.8916 11.921 2.92909 11.7709L4.15409 6.87789C4.22764 6.58453 4.41286 6.3315 4.67027 6.17272C4.92768 6.01394 5.23692 5.96197 5.53209 6.02789L6.70109 6.28889C6.85167 6.32294 6.99395 6.3867 7.11957 6.47645C7.2452 6.56619 7.35164 6.68011 7.43267 6.81152C7.5137 6.94294 7.56768 7.0892 7.59145 7.24175C7.61522 7.3943 7.60829 7.55005 7.57109 7.69989L6.34809 12.5999C6.27453 12.8933 6.08932 13.1463 5.83191 13.3051C5.5745 13.4638 5.26526 13.5158 4.97009 13.4499L3.80109 13.1839Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.84766 8.09961L7.27666 8.86661" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 inline-flex md:hidden bg-beige-100 aria-selected:bg-black aria-selected:text-beige-200 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click=" gtag('event', 'carte_pistes_clic');toggleSkiTrails()" x-bind:aria-selected="skiTrailsVisible" > <svg class="size-4 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' > <path d="M13.125 3.375C13.125 4.07119 13.4016 4.73887 13.8938 5.23116C14.3861 5.72344 15.0538 6 15.75 6C16.4462 6 17.1139 5.72344 17.6062 5.23116C18.0984 4.73887 18.375 4.07119 18.375 3.375C18.375 2.67881 18.0984 2.01113 17.6062 1.51884C17.1139 1.02656 16.4462 0.75 15.75 0.75C15.0538 0.75 14.3861 1.02656 13.8938 1.51884C13.4016 2.01113 13.125 2.67881 13.125 3.375Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.25 15.7491H6.75C7.14755 15.7491 7.5288 15.5912 7.81 15.3101L8.751 14.3691L10.71 15.9991C10.8791 16.14 11.0151 16.3162 11.1084 16.5155C11.2017 16.7148 11.2501 16.9321 11.25 17.1521V20.2491" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.25 20.2503V17.1553C14.2497 16.496 14.1046 15.8448 13.8248 15.2478C13.545 14.6507 13.1375 14.1225 12.631 13.7003L10.881 12.2423L12.454 10.6693C13.6673 11.4599 15.0829 11.8835 16.531 11.8893C17.5429 11.8911 18.5445 11.6869 19.475 11.2893L21.59 10.3823C21.7781 10.3098 21.9497 10.2001 22.0944 10.0598C22.2392 9.91951 22.3542 9.75146 22.4326 9.5657C22.5109 9.37994 22.551 9.1803 22.5505 8.97869C22.5499 8.77709 22.5088 8.57766 22.4294 8.39233C22.3501 8.207 22.2342 8.03956 22.0886 7.90003C21.9431 7.7605 21.771 7.65173 21.5825 7.58023C21.394 7.50873 21.193 7.47596 20.9915 7.48388C20.7901 7.49181 20.5923 7.54026 20.41 7.62634L18.291 8.53334C17.5745 8.83955 16.7907 8.95446 16.0165 8.86681C15.2422 8.77916 14.5039 8.49197 13.874 8.03334L10.417 5.51734C9.61144 4.93125 8.69719 4.51151 7.72763 4.28264C6.75806 4.05377 5.75262 4.02035 4.77 4.18434L2.752 4.52134C2.3614 4.58942 2.01363 4.80939 1.78475 5.13315C1.55586 5.4569 1.46447 5.85811 1.53055 6.24906C1.59664 6.64001 1.81482 6.98889 2.1374 7.21943C2.45998 7.44998 2.86072 7.54342 3.252 7.47934L5.269 7.14334C5.8584 7.04514 6.46145 7.06531 7.04297 7.20266C7.62449 7.34001 8.17283 7.5918 8.656 7.94334L9.975 8.90034L6.129 12.7503H0.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M3.54841 8.92014L3.19141 7.49414" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.464 4.599L1.5 0.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.75 5.25V7.701" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M21.75 10.2988V18.7498" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.25 17.25H23.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.25 23.25H18.257C18.6511 23.25 19.0414 23.1724 19.4055 23.0216C19.7696 22.8708 20.1004 22.6497 20.379 22.371L21 21.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M0.988281 17.5801L2.32728 19.1421C2.84488 19.7461 3.58119 20.1198 4.37428 20.1811L5.25028 20.2491" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 inline-flex md:hidden bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="$store.fullscreenMap.toggle()" > <span x-show="$store.fullscreenMap.fullscreen"><svg class="size-4 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/> </svg> </span> <span x-show="!$store.fullscreenMap.fullscreen"><svg class="size-4 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M3 7V5a2 2 0 0 1 2-2h2"/> <path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/> <rect width="10" height="8" x="7" y="8" rx="1"/> </svg> </span> </a> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-2 py-2 gap-1 md:inline-flex hidden bg-beige-100 border border-black [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" @click="$store.fullscreenMap.toggle()" > <span x-show="$store.fullscreenMap.fullscreen"><svg class="size-6 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/> </svg> </span> <span x-show="!$store.fullscreenMap.fullscreen"><svg class="size-6 shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M3 7V5a2 2 0 0 1 2-2h2"/> <path d="M17 3h2a2 2 0 0 1 2 2v2"/><path d="M21 17v2a2 2 0 0 1-2 2h-2"/><path d="M7 21H5a2 2 0 0 1-2-2v-2"/> <rect width="10" height="8" x="7" y="8" rx="1"/> </svg> </span> </a> </div> </div> </div> <div class="absolute bottom-5 left-3 right-3 flex justify-center md:left-[460px]"> <div x-show="skiTrailsVisible" class="w-full max-w-[630px]"> <div class="hidden items-center justify-between gap-5 border border-black bg-beige-200 p-5 lg:flex"> <div class="flex-grow font-semibold">To check the current conditions of the ski slopes, please click here.</div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-6 py-4 text-base gap-4 w-full max-w-[220px] [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/conditions-pistes-ski-fond" @click=" gtag('event', 'carte_bandeau_piste_clic');" > See conditions <svg class="size-4 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div class="mb-5 block border border-black bg-beige-200 lg:hidden"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-6 py-4 text-base gap-4 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/conditions-pistes-ski-fond" @click=" gtag('event', 'carte_bandeau_piste_clic');" > See conditions <svg class="size-4 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> <div x-show="walkingTrailsVisible" class="w-full max-w-[630px]"> <div class="hidden items-center justify-between gap-5 border border-black bg-beige-200 p-5 lg:flex"> <div class="flex-grow font-semibold">To view information about the trails, please click here.</div> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all bg-black text-beige-100 hover:bg-black/70 px-6 py-4 text-base gap-4 w-full max-w-[220px] [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" @click=" gtag('event', 'carte_bandeau_piste_clic');" > See trails <svg class="size-4 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> <div class="mb-5 block border border-black bg-beige-200 lg:hidden"> <a class="inline-flex cursor-pointer items-center justify-between font-semibold transition-all text-black hover:bg-beige-300 px-6 py-4 text-base gap-4 [&_.animate-arrow]:transition-transform [&:hover_.animate-arrow]:translate-x-1" href="https://www.plainsofabraham.ca/nature-sports-leisure-activities" @click=" gtag('event', 'carte_bandeau_piste_clic');" > See trails <svg class="size-4 animate-arrow shrink-0" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23' stroke-width='2' fill='none' > <path d="M12.0391 5.03125L18.5078 11.5L12.0391 17.9687" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M17.6094 11.5L4.49219 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> </a> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="joan-of-arc-garden" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="joan-of-arc-garden" data-url="https://www.plainsofabraham.ca/location-drawer/joan-of-arc-garden" data-id="joan-of-arc-garden" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="greenhouses" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="greenhouses" data-url="https://www.plainsofabraham.ca/location-drawer/greenhouses" data-id="greenhouses" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="louis-hebert-orchard" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="louis-hebert-orchard" data-url="https://www.plainsofabraham.ca/location-drawer/louis-hebert-orchard" data-id="louis-hebert-orchard" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="plains-of-abraham-museum" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="plains-of-abraham-museum" data-url="https://www.plainsofabraham.ca/location-drawer/plains-of-abraham-museum" data-id="plains-of-abraham-museum" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="snow-sliding" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="snow-sliding" data-url="https://www.plainsofabraham.ca/location-drawer/snow-sliding" data-id="snow-sliding" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="skating-rink" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="skating-rink" data-url="https://www.plainsofabraham.ca/location-drawer/skating-rink" data-id="skating-rink" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="major-events-site" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="major-events-site" data-url="https://www.plainsofabraham.ca/location-drawer/major-events-site" data-id="major-events-site" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="world-war-i-memorial-site" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="world-war-i-memorial-site" data-url="https://www.plainsofabraham.ca/location-drawer/world-war-i-memorial-site" data-id="world-war-i-memorial-site" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="flower-beds-ontario-avenue" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="flower-beds-ontario-avenue" data-url="https://www.plainsofabraham.ca/location-drawer/flower-beds-ontario-avenue" data-id="flower-beds-ontario-avenue" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="maison-smith-cafe" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="maison-smith-cafe" data-url="https://www.plainsofabraham.ca/location-drawer/maison-smith-cafe" data-id="maison-smith-cafe" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="gilmour-hill" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="gilmour-hill" data-url="https://www.plainsofabraham.ca/location-drawer/gilmour-hill" data-id="gilmour-hill" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="artworks-by-first-nations-artists" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="artworks-by-first-nations-artists" data-url="https://www.plainsofabraham.ca/location-drawer/artworks-by-first-nations-artists" data-id="artworks-by-first-nations-artists" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="petanque-field" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="petanque-field" data-url="https://www.plainsofabraham.ca/location-drawer/petanque-field" data-id="petanque-field" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="levis-and-murray-monuments" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="levis-and-murray-monuments" data-url="https://www.plainsofabraham.ca/location-drawer/levis-and-murray-monuments" data-id="levis-and-murray-monuments" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="remains-of-the-blockhouse" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="remains-of-the-blockhouse" data-url="https://www.plainsofabraham.ca/location-drawer/remains-of-the-blockhouse" data-id="remains-of-the-blockhouse" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="pierre-dugua-de-mons-terrace" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="pierre-dugua-de-mons-terrace" data-url="https://www.plainsofabraham.ca/location-drawer/pierre-dugua-de-mons-terrace" data-id="pierre-dugua-de-mons-terrace" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="sundial" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="sundial" data-url="https://www.plainsofabraham.ca/location-drawer/sundial" data-id="sundial" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="pierre-dugua-de-mons-monument" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="pierre-dugua-de-mons-monument" data-url="https://www.plainsofabraham.ca/location-drawer/pierre-dugua-de-mons-monument" data-id="pierre-dugua-de-mons-monument" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="remains-of-the-pinguet-house-and-dumont-mill" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="remains-of-the-pinguet-house-and-dumont-mill" data-url="https://www.plainsofabraham.ca/location-drawer/remains-of-the-pinguet-house-and-dumont-mill" data-id="remains-of-the-pinguet-house-and-dumont-mill" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="monument-to-the-combatants" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="monument-to-the-combatants" data-url="https://www.plainsofabraham.ca/location-drawer/monument-to-the-combatants" data-id="monument-to-the-combatants" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="grey-terrace" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="grey-terrace" data-url="https://www.plainsofabraham.ca/location-drawer/grey-terrace" data-id="grey-terrace" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="sports-field" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="sports-field" data-url="https://www.plainsofabraham.ca/location-drawer/sports-field" data-id="sports-field" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="edwin-belanger-bandstand" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="edwin-belanger-bandstand" data-url="https://www.plainsofabraham.ca/location-drawer/edwin-belanger-bandstand" data-id="edwin-belanger-bandstand" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="des-braves-park" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="des-braves-park" data-url="https://www.plainsofabraham.ca/location-drawer/des-braves-park" data-id="des-braves-park" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="cross-of-sacrifice" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="cross-of-sacrifice" data-url="https://www.plainsofabraham.ca/location-drawer/cross-of-sacrifice" data-id="cross-of-sacrifice" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="joan-of-arc-statue" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="joan-of-arc-statue" data-url="https://www.plainsofabraham.ca/location-drawer/joan-of-arc-statue" data-id="joan-of-arc-statue" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="wolfe-well" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="wolfe-well" data-url="https://www.plainsofabraham.ca/location-drawer/wolfe-well" data-id="wolfe-well" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="centennial-fountain" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="centennial-fountain" data-url="https://www.plainsofabraham.ca/location-drawer/centennial-fountain" data-id="centennial-fountain" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="wolfe-monument" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="wolfe-monument" data-url="https://www.plainsofabraham.ca/location-drawer/wolfe-monument" data-id="wolfe-monument" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="des-braves-monument" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="des-braves-monument" data-url="https://www.plainsofabraham.ca/location-drawer/des-braves-monument" data-id="des-braves-monument" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="martello-tower-4" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="martello-tower-4" data-url="https://www.plainsofabraham.ca/location-drawer/martello-tower-4" data-id="martello-tower-4" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="martello-tower-2" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="martello-tower-2" data-url="https://www.plainsofabraham.ca/location-drawer/martello-tower-2" data-id="martello-tower-2" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="locationDrawer" data-location-slug="martello-tower-1" @point-of-interest-click.window="onClose" @location-click.window="onLocationClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the location </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="martello-tower-1" data-url="https://www.plainsofabraham.ca/location-drawer/martello-tower-1" data-id="martello-tower-1" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="skaters-chalet" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="skaters-chalet" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/skaters-chalet" data-id="skaters-chalet" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="rest-area-museum" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="rest-area-museum" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/rest-area-museum" data-id="rest-area-museum" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="heated-rest-area-central-pavilion" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="heated-rest-area-central-pavilion" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/heated-rest-area-central-pavilion" data-id="heated-rest-area-central-pavilion" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="rest-area-and-waxing-room" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="rest-area-and-waxing-room" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/rest-area-and-waxing-room" data-id="rest-area-and-waxing-room" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="drinking-fountain" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="drinking-fountain" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/drinking-fountain" data-id="drinking-fountain" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="avelo-station" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="avelo-station" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/avelo-station" data-id="avelo-station" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="security" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="security" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/security" data-id="security" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="toilettes-intersection-montcalm-et-george-vi" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="toilettes-intersection-montcalm-et-george-vi" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/toilettes-intersection-montcalm-et-george-vi" data-id="toilettes-intersection-montcalm-et-george-vi" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="restrooms---plains-of-abraham-museum" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="restrooms---plains-of-abraham-museum" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/restrooms---plains-of-abraham-museum" data-id="restrooms---plains-of-abraham-museum" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="restrooms-tache-avenue" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="restrooms-tache-avenue" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/restrooms-tache-avenue" data-id="restrooms-tache-avenue" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="restrooms-central-pavilion" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="restrooms-central-pavilion" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/restrooms-central-pavilion" data-id="restrooms-central-pavilion" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="on-street-parking-george-vi-avenue" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="on-street-parking-george-vi-avenue" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/on-street-parking-george-vi-avenue" data-id="on-street-parking-george-vi-avenue" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="on-street-parking-grey-terrace" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="on-street-parking-grey-terrace" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/on-street-parking-grey-terrace" data-id="on-street-parking-grey-terrace" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="on-street-parking-bernieres-avenue" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="on-street-parking-bernieres-avenue" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/on-street-parking-bernieres-avenue" data-id="on-street-parking-bernieres-avenue" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="on-street-parking-tache-avenue" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="on-street-parking-tache-avenue" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/on-street-parking-tache-avenue" data-id="on-street-parking-tache-avenue" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="laurier-parking" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="laurier-parking" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/laurier-parking" data-id="laurier-parking" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="plains-of-abraham-museum-parking" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="plains-of-abraham-museum-parking" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/plains-of-abraham-museum-parking" data-id="plains-of-abraham-museum-parking" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="montcalm-parking" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="montcalm-parking" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/montcalm-parking" data-id="montcalm-parking" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> <div ax-load x-cloak x-data="pointOfInterestDrawer" data-point-slug="laune-parking" @location-click.window="onClose" @point-of-interest-click.window="onPointClick" class="h-map-dvh absolute left-0 top-0 z-40 w-full -translate-x-full overflow-y-auto bg-beige-100 pb-12 transition-transform md:max-w-[450px]" tabindex="-1" > <button @click="onClose" class="flex w-full items-center gap-3 bg-beige-300 px-4 py-5 text-left hover:bg-black/10 md:px-8" > <svg class="size-5 pointer-events-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="presentation" > <path d="M10.9609 17.9687L4.49219 11.5L10.9609 5.03125" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> <path d="M5.39062 11.5L18.5078 11.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/> </svg> Back to the locations </button> <div class="spacing-x spacing-x-md"> <div x-data="htmlGet" data-source="laune-parking" data-url="https://www.plainsofabraham.ca/point-of-interest-drawer/laune-parking" data-id="laune-parking" @html-get-load.window="load" > <div x-show="error"> Error loading location </div> <div x-show="!ready" class="absolute inset-0 flex w-full items-center justify-center"> <svg class="size-8 animate-spin" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' > <path d="M21 12a9 9 0 1 1-6.219-8.56"/> </svg> </div> <div x-ref="content" class="transition-opacity" :class="ready ? 'opacity-100' : 'opacity-40'" ></div> </div> </div> </div> </div> </div> <div> <div class="spacing-x spacing-x-md flex w-full justify-end text-accent-500" x-data x-show="!$store.fullscreenMap.fullscreen" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Illustrations/Flower-1.svg" alt=""> </div> <footer class="bg-accent-500 pt-12" x-data x-show="!$store.fullscreenMap.fullscreen"> <div class="grid grid-cols-4 md:grid-cols-8"> <div x-data="{shown: true}" x-intersect.once.margin.-100px="shown = true" :class="shown ? 'opacity-100' : 'opacity-50 translate-y-10'" class=" mx-auto block w-full transition duration-500 motion-reduce:transition-none not-prose col-span-4 md:col-span-8 " > <div data-type="form" class="" > <div> <div class="flex flex-col gap-4 sm:gap-8 lg:gap-12 lg:mx-8 mx-4 lg:py-20 py-12 border-y border-current"> <span class="text-2xl font-bold sm:text-5xl">Keep up with the latest news</span> <div class="block-form-horizontal grid lg:grid-cols-8 grid-cols-1 gap-8"> <div class="prose col-span-3 max-w-md leading-tight"> <p>Subscribe to the Plains of Abraham newsletter to keep up to date on activities and news.</p> </div> <div class="col-span-5"> <div class="fui-i"><form id="fui-newsletter-preadb" class="fui-form fui-labels-above-input" method="post" enctype="multipart/form-data" accept-charset="utf-8" data-fui-form="{"formHashId":"fui-newsletter-preadb","formId":1457,"formHandle":"newsletter","registeredJs":[{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/captchas\/duplicate.js?v=1729388705","module":"FormieDuplicateCaptcha","settings":{"formId":"fui-newsletter-preadb","sessionKey":"__DUP_14579","value":"6750a6651fb3a3.80907903"}},{"src":"https:\/\/www.plainsofabraham.ca\/cpresources\/31d5748\/js\/captchas\/javascript.js?v=1729388705","module":"FormieJSCaptcha","settings":{"formId":"fui-newsletter-preadb","sessionKey":"__JSCHK_14579","value":"6750a665209598.88746213"}}],"settings":{"submitMethod":"ajax","submitActionMessage":"<p>We have received your subscription request. Please confirm your registration by e-mail. (Verify your spam folder)<\/p>","submitActionMessageTimeout":null,"submitActionMessagePosition":"bottom-form","submitActionFormHide":false,"submitAction":"message","submitActionTab":null,"errorMessage":"<p>An error has occurred. Please verify the information entered and try again.<\/p>","errorMessagePosition":"top-form","loadingIndicator":null,"loadingIndicatorText":null,"validationOnSubmit":true,"validationOnFocus":false,"scrollToTop":true,"hasMultiplePages":false,"pages":[{"id":9,"label":"Page 1","settings":{"submitButtonLabel":"Subscribe","backButtonLabel":"Back","showBackButton":false,"saveButtonLabel":"Save","showSaveButton":false,"saveButtonStyle":"link","buttonsPosition":"left","cssClasses":null,"containerAttributes":[],"inputAttributes":[],"enableNextButtonConditions":false,"nextButtonConditions":[],"enablePageConditions":false,"pageConditions":[],"enableJsEvents":false,"jsGtmEventOptions":[]}}],"themeConfig":{"loading":{"class":"fui-loading"},"errorMessage":{"class":"fui-error-message"},"disabled":{"class":"fui-disabled"},"tabError":{"class":"fui-tab-error"},"tabActive":{"class":"fui-tab-active"},"tabComplete":{"class":"fui-tab-complete"},"successMessage":{"class":"fui-success-message"},"alert":{"class":"fui-alert"},"alertError":{"class":"fui-alert fui-alert-error fui-alert-top-form","role":"alert","data-fui-alert":true,"data-fui-alert-error":true},"alertSuccess":{"class":"fui-alert fui-alert-success fui-alert-bottom-form","role":"alert","data-fui-alert":true,"data-fui-alert-success":true},"page":{"id":"fui-newsletter-preadb-p-9","class":"fui-page","data-index":"0","data-id":"9","data-fui-page":true},"progress":{"class":"fui-progress","data-fui-progress":true},"tab":{"class":"fui-tab"},"success":{"class":"fui-success"},"error":{"class":"fui-error-message"},"fieldContainerError":{"class":"fui-error"},"fieldInputError":{"class":"fui-error"},"fieldErrors":{"class":"fui-errors","data-field-error-messages":true},"fieldError":{"class":"fui-error-message","data-field-error-message":true}},"redirectUrl":"","currentPageId":9,"outputJsTheme":true,"enableUnloadWarning":true,"enableBackSubmission":true,"ajaxTimeout":10,"baseActionUrl":"https:\/\/www.plainsofabraham.ca\/index.php?p=actions","refreshTokenUrl":"https:\/\/www.plainsofabraham.ca\/index.php?p=actions\/formie\/forms\/refresh-tokens&form=FORM_PLACEHOLDER","scriptAttributes":[]}}" data-form-submit-method="ajax" data-form-submit-action="message"><input type="hidden" name="CRAFT_CSRF_TOKEN" value="u46fGEzTQtLr33kBdj2bp30Zx5bvV_9qHLXhsoSY0Ag0ULND-4HOC47D9XMNh3ShhYlIOB5x8ektL7DFhzqUOizbrffwrLc9RRn1B67Plz0=" autocomplete="off"><input type="hidden" name="action" value="formie/submissions/submit"><input type="hidden" name="submitAction" value="submit"><input type="hidden" name="handle" value="newsletter"><input type="hidden" name="siteId" value="2"><div class="fui-form-container"><div id="fui-newsletter-preadb-p-9" class="fui-page" data-index="0" data-id="9" data-fui-page><div class="fui-page-container"><div class="fui-row fui-page-row" data-fui-field-count="2"><div class="fui-field fui-type-name fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-page-field" data-field-handle="prenom" data-field-type="name"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-preadb-fields-prenom" data-field-label>Name</label><div class="fui-input-wrapper"><input type="text" id="fui-newsletter-preadb-fields-prenom" class="fui-input" name="fields[prenom]" value="" placeholder="Name" autocomplete="name" data-fui-id="newsletter-prenom"></div></div></div><div class="fui-field fui-type-email fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="courriel" data-field-type="email" data-validation="required|email"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-preadb-fields-courriel" data-field-label>Email <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="email" id="fui-newsletter-preadb-fields-courriel" class="fui-input" name="fields[courriel]" value="" placeholder="Email address" autocomplete="email" required data-fui-id="newsletter-courriel" data-required-message="Required field"></div></div></div></div><div class="fui-row fui-page-row" data-fui-field-count="1"><div class="fui-field fui-type-agree fui-label-hidden fui-subfield-label-hidden fui-instructions-above-input fui-field-required fui-page-field" data-field-handle="consent" data-field-type="agree" data-validation="required"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-preadb-fields-consent" data-field-label data-fui-sr-only>Consent <span class="fui-required" aria-hidden="true">*</span></label><div class="fui-input-wrapper"><input type="hidden" name="fields[consent]" value="" data-fui-input-type="agree"><div class="fui-checkbox"><input type="checkbox" id="fui-newsletter-preadb-fields-consent" class="fui-input fui-checkbox-input" name="fields[consent]" value="1" required data-fui-id="newsletter-consent" data-fui-input-type="agree" data-required-message="Consent is required to complete your subscription"><label class="fui-checkbox-label" for="fui-newsletter-preadb-fields-consent">I consent to receiving occasional email communications</label></div></div></div></div></div><div class="fui-row fui-page-row fui-row-empty" data-fui-field-count="0"><div class="fui-field fui-type-single-line-text fui-label-above-input fui-subfield-label-above-input fui-instructions-above-input fui-hidden fui-page-field" data-field-handle="langue" data-field-type="single-line-text"><div class="fui-field-container"><label class="fui-label" for="fui-newsletter-preadb-fields-langue" data-field-label>Langue</label><div class="fui-input-wrapper"><input type="text" id="fui-newsletter-preadb-fields-langue" class="fui-input" name="fields[langue]" data-fui-id="newsletter-langue"></div></div></div></div></div><div class="formie-duplicate-captcha-placeholder" data-duplicate-captcha-placeholder></div><div id="beesknees_14579_wrapper" style="display:none;"><label for="beesknees_14579">Leave this field blank</label><input type="text" id="beesknees_14579" name="beesknees" style="display:none;" /></div><div class="formie-jscaptcha-placeholder" data-jscaptcha-placeholder></div><div class="fui-btn-wrapper fui-btn-left"><button type="submit" class="fui-btn fui-submit" data-submit-action="submit">Subscribe</button></div></div></div></form></div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full pt-6"> <ul class="spacing-x spacing-x-md mb-6 flex w-full flex-col flex-wrap justify-between gap-8 text-center font-medium md:flex-row md:items-center md:gap-4"> <li> <a href="https://www.plainsofabraham.ca/about-us" class="text-lg font-semibold hover:underline">About us</a> </li> <li> <a href="https://www.plainsofabraham.ca/careers" class="text-lg font-semibold hover:underline">Career</a> </li> <li> <a href="https://www.plainsofabraham.ca/accessibility" class="text-lg font-semibold hover:underline">Accessibility</a> </li> <li> <a href="https://www.plainsofabraham.ca/media" class="text-lg font-semibold hover:underline">Media</a> </li> <li> <a href="https://www.canada.ca/en/national-battlefields-commission.html" class="text-lg font-semibold hover:underline">Institutional Site</a> </li> <li> <a href="https://www.plainsofabraham.ca/notices-privacy-policies" class="text-lg font-semibold hover:underline">Notices</a> </li> </ul> <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINS_1-line_Black_RGB-1.png" alt="" class="spacing-x spacing-x-md mb-12 hidden w-full pt-32 lg:block" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/L_PLAINS_1-line_Black_RGB-1.png" alt="" class="spacing-x spacing-x-md mb-12 hidden w-full pt-32 md:block lg:hidden" > <img src="https://ccbnwebprod.blob.core.windows.net/website/Image-de-marque-logos-pictos-illustrations/Logos-Plaines/logo-mobile-en.png" alt="" class="spacing-x spacing-x-md mb-4 w-full pt-20 md:hidden" > <div class="spacing-x spacing-x-md flex flex-col items-center justify-between gap-8 border-t border-black py-8 md:flex-row md:gap-0"> <div class="order-2 flex shrink-0 flex-col items-center gap-1 text-lg md:order-1 md:flex-row md:gap-3"> © Plains of Abraham . 2024 <div id="elc-cookie-footer-tab"> <button id="elc-footer-tab-link" class="text-sm opacity-90 transition-opacity hover:underline hover:opacity-100" > Cookie consent </button> </div> </div> <ul class="order-1 flex w-full flex-col flex-wrap items-center gap-4 font-medium md:order-2 md:flex-row md:items-center md:justify-end md:gap-8"> <li> <a href="https://www.facebook.com/plainsabraham/" class="text-lg font-semibold hover:underline">Facebook</a> </li> <li> <a href="https://www.instagram.com/plains_abraham/" class="text-lg font-semibold hover:underline">Instagram</a> </li> <li> <a href="https://www.youtube.com/channel/UCMIvORHmNKHkGGMxk6wvgHQ" class="text-lg font-semibold hover:underline">YouTube</a> </li> <li> <a href="https://twitter.com/plainsabraham" class="text-lg font-semibold hover:underline">X</a> </li> <li> <a href="https://www.linkedin.com/company/commission-des-champs-de-bataille-nationaux" class="text-lg font-semibold hover:underline">LinkedIn</a> </li> </ul> </div> </div> </footer> </div> </div> <script type="text/javascript">window.FormieTranslations={"{attribute} cannot be blank.":"{attribute} cannot be blank.","{attribute} is not a valid email address.":"{attribute} is not a valid email address.","{attribute} is not a valid URL.":"{attribute} is not a valid URL.","{attribute} is not a valid number.":"{attribute} is not a valid number.","{attribute} is not a valid format.":"{attribute} is not a valid format.","{name} must match {value}.":"{name} must match {value}.","{attribute} must be between {min} and {max}.":"{attribute} must be between {min} and {max}.","{attribute} must be no less than {min}.":"{attribute} must be no less than {min}.","{attribute} must be no greater than {max}.":"{attribute} must be no greater than {max}.","{attribute} has an invalid value.":"{attribute} has an invalid value.","File {filename} must be smaller than {filesize} MB.":"File {filename} must be smaller than {filesize} MB.","File must be smaller than {filesize} MB.":"File must be smaller than {filesize} MB.","File must be larger than {filesize} MB.":"File must be larger than {filesize} MB.","Choose up to {files} files.":"Choose up to {files} files.","{startTag}{num}{endTag} character left":"{startTag}{num}{endTag} character left","{startTag}{num}{endTag} characters left":"{startTag}{num}{endTag} characters left","{startTag}{num}{endTag} word left":"{startTag}{num}{endTag} word left","{startTag}{num}{endTag} words left":"{startTag}{num}{endTag} words left","{attribute} must be no less than {min} characters.":"{attribute} must be no less than {min} characters.","{attribute} must be no greater than {max} characters.":"{attribute} must be no greater than {max} characters.","{attribute} must be no less than {min} words.":"{attribute} must be no less than {min} words.","{attribute} must be no greater than {max} words.":"{attribute} must be no greater than {max} words.","Unable to parse response `{e}`.":"Unable to parse response `{e}`.","Are you sure you want to leave?":"Are you sure you want to leave?","The request timed out.":"The request timed out.","The request encountered a network error. Please try again.":"The request encountered a network error. Please try again.","Invalid number":"Invalid number","Invalid country code":"Invalid country code","Too short":"Too short","Too long":"Too long","Missing Authorization ID for approval.":"Missing Authorization ID for approval.","Payment authorized. Finalize the form to complete payment.":"Payment authorized. Finalize the form to complete payment.","Unable to authorize payment. Please try again.":"Unable to authorize payment. Please try again.","Invalid amount.":"Invalid amount.","Invalid currency.":"Invalid currency.","Provide a value for “{label}” to proceed.":"Provide a value for “{label}” to proceed."};</script><script type="text/javascript" src="https://www.plainsofabraham.ca/cpresources/31d5748/js/formie.js?v=1729388705" defer></script> <script>window.Formie__JSCHK_14579="6750a665209598.88746213";</script></body>  </html>

CINXE.COM

Interactive Map – Plains of Abraham