Update key and tooltip layer

mapping-lab · Jul 19, 2024 · f5e8d43 · f5e8d43
1 parent 1fcf6fa
commit f5e8d43
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/v1/index.html b/v1/index.html
@@ -121,11 +121,11 @@
         <div class="content">
             <h1>Annual CO₂ emissions, 2022</h1>
             <ul>
-                <li class="layer-toggle"><a class="active" id="group0" href="#"><span></span>Group 0</a></li>
-                <li class="layer-toggle"><a class="" id="group1" href="#"><span></span>Group 1</a></li>
-                <li class="layer-toggle"><a class="" id="group2" href="#"><span></span>Group 2</a></li>
-                <li class="layer-toggle"><a class="active" id="group3" href="#"><span></span>Group 3</a></li>
-                <li class="layer-toggle"><a class="" id="group4" href="#"><span></span>Group 4</a></li>
+                <li class="layer-toggle"><a class="active" id="group0" href="#"><span></span>Forests</a></li>
+                <li class="layer-toggle"><a class="" id="group1" href="#"><span></span>Hexagonal grid 0,5 degree</a></li>
+                <li class="layer-toggle"><a class="" id="group2" href="#"><span></span>Hexagonal grid 1 degree</a></li>
+                <li class="layer-toggle"><a class="active" id="group3" href="#"><span></span>Regular grid 0,5 degree</a></li>
+                <li class="layer-toggle"><a class="" id="group4" href="#"><span></span>Regular grid 1 degree</a></li>
             </ul>
             <h2>Sources:</h2>
             <ul class="sources">

diff --git a/v1/index.js b/v1/index.js
@@ -26,7 +26,7 @@ map.on('load', () => {
     });
     console.log(features);
 
-    map.on('mousemove', '2022-emission-grid1grau-fill-copy-2', (e) => {
+    map.on('mousemove', '2022-emission', (e) => {
         console.log('mouse over');
         map.getCanvas().style.cursor = 'pointer';
         // console.log('A mousemove event has occurred.', e);
@@ -41,7 +41,7 @@ map.on('load', () => {
 
     });
 
-    map.on('mouseleave', '2022-emission-grid1grau-fill-copy-2', () => {
+    map.on('mouseleave', '2022-emission', () => {
         map.getCanvas().style.cursor = '';
         popup.remove();
         // map.setFilter('counties-highlighted', ['in', 'COUNTY', '']);