This project is affiliated with the:
Main Email Contact:
None
None
This work will bring together Indigenous graduate students and professors with historic connections to the Red River settlement zone to collectively study the relational density of Indigenous Peoplehoods both past and present to the Red River. Reading the historiographies of various Indigenous nations who have occupied that region, this research will contribute to the building of critical, local, and global approaches to Indigenous relationality.
Coming Soon
<!DOCTYPE html> <html lang="en"> <head> <title>Critical Approaches to Indigenous Relationality Projects</title> <meta property="og:description" content="24 Projects Funded by CAIR" /> <meta charset='utf-8'> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel='stylesheet' href="https://api.mapbox.com/mapbox-gl-js/v2.14.0/mapbox-gl.css"/> <script src="https://api.mapbox.com/mapbox-gl-js/v2.14.0/mapbox-gl.js"></script> <style> html, body { margin: 0; padding: 0; width: 100%; height: 100%; } .map-section { position: relative; width: 100%; height: 80vh; } #map { height: 100%; width: 100%; } .legend, .instructions-box, .fly-to-buttons, .zoom-buttons { position: absolute; background: white; padding: 0.75em; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); z-index: 1; overflow-y: scroll; max-width: 90%; max-height: 80%; } .legend { top: 1em; right: 1em; max-width: 19.85em; max-height: 35.76em; overflow-y: scroll; overflow-x: scroll; } .instructions-box { bottom: 4em; left: 1em; max-width: 18.75em; overflow-y: scroll; overflow-x: scroll; color: #000; } .fly-to-buttons { top: 1em; left: 1em; } .fly-to-buttons button, .zoom-buttons button { display: block; background: whitesmoke; border: none; padding: 0.5em; margin-bottom: 0.5em; cursor: pointer; font-size: 0.85em; color: #000; } .zoom-buttons { top: 12.8em; left: 1em; } .mapboxgl-popup { max-width: 6em; font: 1em/1em 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #000; } .legend h3 { font-size: 0.85em; font-weight: bold; font-style: italic; } .legend h4 { font-size: 0.85em; font-weight: bold; font-style: italic; } .instructions-box h4 { font-size: 0.85em; font-weight: bold; }.instructions-box ul { font-size: 0.85em; color: #000; } .legend ul li { font-size: 0.85em; color: #000; } .hidden { display: none; } .toggle-buttons { position: absolute; top: 2.88em; left: 47%; transform: translate(-50%, -50%); z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; color: #000; } .toggle-buttons button:hover { background: #3d90cc; } .toggle-buttons button { flex: 1 1 auto; background: whitesmoke; border: none; padding: 1em; margin: 0.5em; cursor: pointer; font-size: 0.85em; white-space: nowrap; color: #000; } .legend ul li:hover { background-color: #3d90cc; } .zoom-buttons button:hover { background: #3d90cc; } .fly-to-buttons button:hover { background: #3d90cc; } @media (max-width: 1386px) { .legend, .instruction-box, .fly-to-buttons, .zoom-buttons { max-width: 80%; max-height: 70%; } @media (max-width: 1387px) { .legend, .instructions-box, .fly-to-buttons, .zoom-buttons, .toggle-buttons { display: none; } } </style> </head> <body> <section class="map-section"> <div id="map"></div> <div class="legend" id="legend"> <h3 style="color: rgb(43, 124, 159);">SUPPORTED PROJECTS WITH CAIR</h3> <div> <h4 style="color: rgb(57, 151, 227);">Theorizing and transforming Indigenous governance systems</h4> <ul id="category1-list"></ul> </div> <div> <h4 style="color: rgb(57, 151, 227);">Critical, local, and global approaches to Indigenous relationality</h4> <ul id="category2-list"></ul> </div> <div> <h4 style="color: rgb(57, 151, 227);">Honouring our Elders and training our youth through intergenerational knowledge transfer</h4> <ul id="category3-list"></ul> </div> </div> <div class="instructions-box" id="instructions-box"> <h4 style="color: rgb(43, 124, 159);">How to Use the Map</h4> <ul> <li>Click on a point to view details.</li> <li>Click on a project name in the legend to zoom to the point. Scroll within the legend to view all projects.</li> <li>Use the zoom buttons to zoom in or out.</li> </ul> </div> <div class="fly-to-buttons"> <button id="fly-edmonton">Fly to Edmonton, AB</button> <button id="fly-victoria">Fly to Victoria, BC</button> <button id="fly-regina">Fly to Regina, SK</button> </div> <div class="zoom-buttons"> <button id="zoom-in">+</button> <button id="zoom-out">-</button> </div> <div class="toggle-buttons"> <button id="toggle-legend">Hide Legend</button> <button id="toggle-instructions">Hide Instructions</button> <button id="toggle-fly-to">Hide Fly-to Buttons</button> </div> </section> <script> mapboxgl.accessToken = 'pk.eyJ1IjoiY2xhaXJpY2UtbWFwcyIsImEiOiJjbHh2NTY4aTYwbnhxMmtwajlvY2dicHN2In0.KRRnfIcCAsQoPZvbrUrpvg'; const map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/clairice-maps/clz0uwy8m00gz01r757au2a2h', center: [-97.13309, 49.809182], zoom: 16 }); document.getElementById('zoom-in').addEventListener('click', () => { map.zoomIn(); }); document.getElementById('zoom-out').addEventListener('click', () => { map.zoomOut(); }); // Function to apply jitter to coordinates function jitterCoordinates(coordinates, index, total) { const offset = 0.0001 * (index + 1); const angle = (index / total) * 2 * Math.PI; return [ coordinates[0] + offset * Math.cos(angle), coordinates[1] + offset * Math.sin(angle) ]; } map.on('load', () => { // Original features array const features = [ { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Supporting Indigenous Community-Led Governance Renewal', 'description': '<strong>Project Name:</strong> Supporting Indigenous Community-Led Governance Renewal<br><strong>Project Lead(s):</strong> Shalene Jobin and Matt Wildcat<br><strong>Partner Organization(s):</strong> Red Earth Cree Nation<br><strong>Thematic: </strong>Theorizing and Transforming Indigenous Governance Systems', 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-123.307814, 48.467004] }, 'properties': { 'label': 'Implementing A Relational Approach To Treaty In Public And Policy Realms', 'description': '<strong>Project Name:</strong> Implementing A Relational Approach To Treaty In Public And Policy Realms<br><strong>Project Lead(s):</strong> Gina Starblanket<br><strong>Partner Organization(s)</strong>Indigenous Knowledge and Wisdom Centre<br><strong>Thematic:</strong>Theorizing and Transforming Indigenous Governance Systems', 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Yi’Eenoodài’ Yeendoo Gwizhit Gwitèe’Ah (Long Ago Will Be In The Future): A History Of Twentieth-Century Dinjii Zhuh Nationhood', 'description': "<strong>Project Name:</strong> Yi’Eenoodài’ Yeendoo Gwizhit Gwitèe’Ah (Long Ago Will Be In The Future): A History Of Twentieth-Century Dinjii Zhuh Nationhood<br><strong>Project Lead(s):</strong>Crystal Fraser<br><strong>Partner Organization(s):</strong>Gwich'in Tribal Council<br><strong>Thematic:</strong>Theorizing and Transforming Indigenous Governance Systems", 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-106.63198, 52.13026] }, 'properties': { 'label': 'Indigenous Resurgence Through Revitalizing Âtayôhkéwina', 'description': '<strong>Project Name:</strong> Indigenous Resurgence Through Revitalizing Âtayôhkéwina<br><strong>Project Lead(s):</strong> Kathy Walker<br><strong>Project Organization(s):</strong> Chokecherry Studios, Sask Indigenous Cultural Centre, and Sturgeon Lake First Nation<br><strong>Thematic:</strong> Theorizing and Transforming Indigenous Governance Systems', 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Supporting Indigenous Technoscientific Knowledge Production And Governance In Canada', 'description': '<strong>Project Name:</strong> Supporting Indigenous Technoscientific Knowledge Production And Governance In Canada<br><strong>Project Lead(s):</strong> Kim TallBear<br><strong>Partner Organization(s):</strong> Genome, Canada<br><strong>Thematic:</strong> Theorizing and Transforming Indigenous Governance Systems', 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-123.249168, 49.26057] }, 'properties': { 'label': 'Living With Napi-Tahtaa: Piikani Water Relationships', 'description': '<strong>Project Name:</strong> Living With Napi-Tahtaa: Piikani Water Relationships<br><strong>Project Lead(s):</strong> Michael Fabris<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Theorizing and Transforming Indigenous Governance Systems', 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Indigenous Research Ethics And Data Sovereignty', 'description': '<strong>Project Name:</strong> Indigenous Research Ethics And Data Sovereignty<br><strong>Project Lead(s):</strong> Shalene Jobin, Tara Turner, and Bettina Schneider<br><strong>Partner Organization(s):</strong> First Nations University of Canada<br><strong>Thematic:</strong> Theorizing and Transforming Indigenous Governance Systems', 'category': 1 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Critical Relationality Through Indigenous Prison Arts: Co-Developing A Model To Support Indigenous Artists Behind Bars', 'description': '<strong>Project Name:</strong> Critical Relationality Through Indigenous Prison Arts: Co-Developing A Model To Support Indigenous Artists Behind Bars<br><strong>Project Lead(s):</strong> Nancy Van Styvendale, Sarah Auger, Karrie Auger<br><strong>Partner Organization(s):<strong> STR8 UP, Centre for Justice Exchange<br></strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Towards Culturally Safe Partnership For Indigenous People Who Use Drugs', 'description': '<strong>Project Name:</strong> Towards Culturally Safe Partnership For Indigenous People Who Use Drugs<br><strong>Project Lead(s):</strong> Renée Beausoleil McBeth<br><strong>Partner Organization(s):</strong> Inner City Health and Wellness Program<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-97.13309, 49.809182] }, 'properties': { 'label': 'Re-Storying Red River Indigenous Relationalities', 'description': '<strong>Project Name:</strong> Re-Storying Red River Indigenous Relationalities<br><strong>Project Lead(s):</strong> Mylène Yannick Gamache and David Parent<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-123.307814, 48.467004] }, 'properties': { 'label': 'Critical Interventions On Ableism In Indigenous Resurgence Discourse', 'description': '<strong>Project Name:</strong> Critical Interventions On Ableism In Indigenous Resurgence Discourse<br><strong>Project Lead(s):</strong> Kelly Aguirre<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Comparative Indigenous Political Thought', 'description': '<strong>Project Name:</strong> Comparative Indigenous Political Thought<br><strong>Project Lead(s):</strong> David Voth and Ryan Crosschild<br><strong>Partner Organization(s):</strong> Blackfoot Gender Justice Collective<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Prairie Indigenous Philosophy Project', 'description': '<strong>Project Name:</strong> Prairie Indigenous Philosophy Project<br><strong>Project Lead(s):</strong> Matt Wildcat<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Indigeneity, Settler Colonialism and Political Theory', 'description': '<strong>Project Name:</strong> Indigeneity, Settler Colonialism and Political Theory<br><strong>Project Lead(s):</strong> Corey Snelgrove<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Métis Relational Religion As Nationhood And Peoplehood Identity', 'description': '<strong>Project Name:</strong> Métis Relational Religion As Nationhood And Peoplehood Identity<br><strong>Project Lead(s):</strong> Paul Gareau<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Reweaving Relations And Reclaiming Our Stories: Indigenous Archaeology On The Prairies', 'description': '<strong>Project Name:</strong> Reweaving Relations And Reclaiming Our Stories: Indigenous Archaeology On The Prairies<br><strong>Project Lead(s):</strong> Kisha Supernant<br><strong>Partner Organization(s):</strong> Indigenous Prairie Archaeology Institute<br><strong>Thematic:</strong> Critical, Local, and Global Approaches to Indigenous Relationality', 'category': 2 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Hearing The Voices Of The Elders Through Community Based Digitization', 'description': '<strong>Project Name:</strong> Hearing The Voices Of The Elders Through Community Based Digitization<br><strong>Project Lead(s):</strong> Jessie Loyer<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'The Buffalo Research Network And Indigenous Youth Buffalo Engagement', 'description': '<strong>Project Name:</strong> The Buffalo Research Network And Indigenous Youth Buffalo Engagement<br><strong>Project Lead(s):</strong> Tasha Hubbard<br><strong>Partner Organization(s):</strong> The International Buffalo Relations Institute<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-117.852422, 33.78788] }, 'properties': { 'label': 'Creative Sovereignty Lab: Film Training For Indigenous Youth', 'description': '<strong>Project Name:</strong> Creative Sovereignty Lab: Film Training For Indigenous Youth<br><strong>Project Lead(s):</strong> Justin DeLeon<br><strong>Partner Organization(s):</strong> Cheyenne River Sioux Tribe, Missouri Breaks Industry Research<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-79.380241, 43.657772] }, 'properties': { 'label': 'The Radical Culture School', 'description': '<strong>Project Name:</strong> The Radical Culture School<br><strong>Project Lead(s):</strong> Megan Scribe<br><strong>Partner Organization(s):</strong> Yellowhead Institute<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-123.307814, 48.467004] }, 'properties': { 'label': 'Student Research And Training Initiatives', 'description': '<strong>Project Name:</strong> Student Research And Training Initiatives<br><strong>Project Lead(s):</strong> Gina Starblanket, Daniel Voth and Rob Hancock<br><strong>Partner Organization(s):</strong> None<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Laa Tayr: Nutr Shantii, Nutr Paarentii: Land, Métis Health And Well-Being With Indigenous Youth', 'description': '<strong>Project Name:</strong> Laa Tayr: Nutr Shantii, Nutr Paarentii: Land, Métis Health And Well-Being With Indigenous Youth<br><strong>Project Lead(s):</strong> Cindy Gaudet, Keith King, and Lisa Vaughn<br><strong>Partner Organization(s):</strong> Amiskwaciy Academy, Métis River Women Collective<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-113.524235, 53.527375] }, 'properties': { 'label': 'Mildred Gottfriedson: Secwépemc Matriarch And Warrior Woman', 'description': "<strong>Project Name:</strong> Mildred Gottfriedson: Secwépemc Matriarch And Warrior Woman<br><strong>Project Name:</strong> Supporting Indigenous Community-Led Governance Renewal<br><strong>Project Lead(s):</strong> Sarah Nickel<br><strong>Partner Organization(s):</strong> Tk'emlups te Secwepemc<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer", 'category': 3 } }, { 'type': 'Feature', 'geometry': { 'type': 'Point', 'coordinates': [-104.582236, 50.418881] }, 'properties': { 'label': 'Cree Language Pedagogy Through Family Camps', 'description': '<strong>Project Name:</strong> Cree Language Pedagogy Through Family Camps<br><strong>Project Lead(s):</strong> Andrea Custer<br><strong>Partner Organization(s):</strong> First Nations University of Canada<br><strong>Thematic:</strong> Honouring our Elders and Training our Youth through Intergenerational Knowledge Transfer', 'category': 3 } } ]; // Apply jitter to coordinates to avoid overlap const jitteredFeatures = features.map((feature, index) => ({ ...feature, geometry: { ...feature.geometry, coordinates: jitterCoordinates(feature.geometry.coordinates, index, features.length) } })); // Add the jittered features as a source map.addSource('projects', { type: 'geojson', data: { type: 'FeatureCollection', features: jitteredFeatures }, cluster: true, clusterMaxZoom: 14, clusterRadius: 70, }); map.addLayer({ id: 'clusters', type: 'circle', source: 'projects', filter: ['has', 'point_count'], paint: { 'circle-color': [ 'step', ['get', 'point_count'], '#51bbd6', 100, '#f1f075', 750, '#f28cb1' ], 'circle-radius': [ 'step', ['get', 'point_count'], 20, 100, 30, 750, 40 ] } }); map.addLayer({ id: 'cluster-count', type: 'symbol', source: 'projects', filter: ['has', 'point_count'], layout: { 'text-field': '{point_count_abbreviated}', 'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'], 'text-size': 12 } }); map.addLayer({ id: 'unclustered-point', type: 'circle', source: 'projects', filter: ['!', ['has', 'point_count']], paint: { 'circle-color': '#11b4da', 'circle-radius': 10, 'circle-stroke-width': 1, 'circle-stroke-color': '#fff' } }); // Add labels for unclustered points map.addLayer({ id: 'unclustered-point-label', type: 'symbol', source: 'projects', filter: ['!', ['has', 'point_count']], layout: { 'text-field': '{label}', 'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'], 'text-size': 11.5, 'text-offset': [0, 3], 'text-max-width': 18, // Adjust this value as needed 'text-justify': 'auto', // or 'left', 'right', 'center' 'text-anchor': 'bottom' // Adjust this based on your needs ('top', 'bottom', 'left', 'right', 'center') }, paint: { 'text-color': '#000000' } }); // Adjust visibility of the label layer based on zoom level map.on('zoom', () => { const zoomLevel = map.getZoom(); map.setLayoutProperty('unclustered-point-label', 'visibility', zoomLevel >= 14 ? 'visible' : 'none'); }); map.on('click', 'clusters', (e) => { const features = map.queryRenderedFeatures(e.point, { layers: ['clusters'] }); const clusterId = features[0].properties.cluster_id; map.getSource('projects').getClusterExpansionZoom( clusterId, (err, zoom) => { if (err) return; map.easeTo({ center: features[0].geometry.coordinates, zoom: zoom }); } ); }); map.on('click', 'unclustered-point', (e) => { const coordinates = e.features[0].geometry.coordinates.slice(); const description = e.features[0].properties.description; while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } new mapboxgl.Popup() .setLngLat(coordinates) .setHTML(description) .addTo(map); }); map.on('mouseenter', 'clusters', () => { map.getCanvas().style.cursor = 'pointer'; }); map.on('mouseleave', 'clusters', () => { map.getCanvas().style.cursor = 'pointer'; }); const flyTo = (coords) => { map.flyTo({ center: coords.center, zoom: coords.zoom }); }; document.getElementById('fly-edmonton').addEventListener('click', () => flyTo({center: [-113.52384, 53.526753], zoom: 16})); document.getElementById('fly-victoria').addEventListener('click', () => flyTo({center: [-123.309403, 48.465343], zoom: 15})); document.getElementById('fly-regina').addEventListener('click', () => flyTo({center: [-105.9865, 51.2683], zoom: 6})); // Populate the legend with the features jitteredFeatures.forEach((feature) => { const { label, category } = feature.properties; const listItem = document.createElement('li'); listItem.textContent = label; listItem.dataset.coordinates = JSON.stringify(feature.geometry.coordinates); listItem.style.cursor = 'pointer'; listItem.addEventListener('click', () => { const coordinates = JSON.parse(listItem.dataset.coordinates); map.flyTo({ center: coordinates, zoom: 16 }); }); const categoryListId = `category${category}-list`; document.getElementById(categoryListId).appendChild(listItem); }); }); document.getElementById('toggle-legend').addEventListener('click', () => { const legend = document.getElementById('legend'); const button = document.getElementById('toggle-legend'); if (legend.classList.contains('hidden')) { legend.classList.remove('hidden'); button.textContent = 'Hide Legend'; } else { legend.classList.add('hidden'); button.textContent = 'Show Legend'; } }); document.getElementById('toggle-instructions').addEventListener('click', () => { const instructionsBox = document.getElementById('instructions-box'); const button = document.getElementById('toggle-instructions'); if (instructionsBox.classList.contains('hidden')) { instructionsBox.classList.remove('hidden'); button.textContent = 'Hide Instructions'; } else { instructionsBox.classList.add('hidden'); button.textContent = 'Show Instructions'; } }); document.getElementById('toggle-fly-to').addEventListener('click', () => { const flyToButtons = document.querySelector('.fly-to-buttons'); const button = document.getElementById('toggle-fly-to'); if (flyToButtons.classList.contains('hidden')) { flyToButtons.classList.remove('hidden'); button.textContent = 'Hide Fly-to Buttons'; } else { flyToButtons.classList.add('hidden'); button.textContent = 'Show Fly-to Buttons'; } }); </script> </body> </html>
None