New webmap is finally released!!

kauevestena · Aug 28, 2024 · 083c0df · 083c0df
1 parent d0286e0
commit 083c0df
Show file tree

Hide file tree

Showing 7 changed files with 1,043 additions and 3 deletions.
diff --git a/assets/page_logo_dark.png b/assets/page_logo_dark.png
diff --git a/deprecated/legacy/map.html b/deprecated/legacy/map.html
diff --git a/webmap/create_webmap_new.py b/webmap/create_webmap_new.py
@@ -20,6 +20,9 @@
 # boundaries:
 params['bounds'] = get_boundaries_bbox()
 
+# updating the node's url:
+params['node_url'] = node_homepage_url
+
 # # generating the "sources" and layernames:
 params.update(get_sources(only_urls=True))
 

diff --git a/webmap/webmap_base.html b/webmap/webmap_base.html
@@ -117,6 +117,18 @@
             text-decoration: underline;
             /* Adds underline on hover */
         }
+
+        .logo_img{
+            position: fixed;
+            left: 2px;
+            top:  2px;
+            z-index: 99999999999999999;
+            }
+
+        .responsive {
+            max-width: 60%;
+            height: auto;
+        }
     </style>
 
     <link rel="icon" type="image/x-icon"
@@ -127,7 +139,21 @@
     <div id="style-changer">
         <select id="style-selector"></select>
     </div>
-    <div id="map"></div>
+    <div id="map">
+
+        <a href="https://kauevestena.github.io/opensidewalkmap_beta/" id="node_link">
+            <img 
+            src="https://kauevestena.github.io/opensidewalkmap_beta/oswm_codebase/assets/page_logo.png" 
+            alt="OSWM Page Logo"  
+            title="Click for more OSWM Node's Resources!!" 
+            class="logo_img responsive" 
+            ></img>
+        </a>
+
+    </div>
+
+
+
     <script type="text/javascript">
 
         // Global Control Variables
@@ -185,6 +211,31 @@
 
                 );
 
+                const homePosition = {
+                center: [144, -37],
+                };
+
+                function addHomeButton(map) {
+                class HomeButton {
+                    onAdd(map) {
+                    const div = document.createElement("div");
+                    div.className = "mapboxgl-ctrl mapboxgl-ctrl-group";
+                    div.innerHTML = `<button>
+                        <svg focusable="false" viewBox="0 0 24 24" aria-hidden="true" style="font-size: 20px;"><title>Reset map</title><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg>
+                        </button>`;
+                    div.addEventListener("contextmenu", (e) => e.preventDefault());
+                    // div.addEventListener("click", () => map.flyTo(homePosition));
+
+                    return div;
+                    }
+                }
+
+                // const homeButton = 
+                map.addControl(new HomeButton(), "top-left");
+
+                }
+
+
 
                 // add controls
                 map.addControl(new maplibregl.NavigationControl());
@@ -271,6 +322,21 @@
                     }
 
 
+                    // Function used to update element's attributes:
+                    function changeElementAttribute(elementId, attributeName, attributeValue) {
+                        // Get the element using its ID
+                        const element = document.getElementById(elementId);
+
+                        if (element) {
+                            // Set the specified attribute with the provided value
+                            element[attributeName] = attributeValue;
+                        } else {
+                            console.error(`Element with ID "${elementId}" not found.`);
+                        }
+                        }
+
+                    changeElementAttribute("node_link","href",params['node_url']);
+
 
                     // Function to set up hover effect for a specific layer
                     function setupHoverEffect(layerName, sourceName, sourceLayerName) {

diff --git a/webmap/webmap_lib.py b/webmap/webmap_lib.py
@@ -10,7 +10,7 @@
 webmap_params_original_path = 'oswm_codebase/webmap/webmap_params.json'
 webmap_params_path = 'webmap_params.json'
 webmap_base_path = 'oswm_codebase/webmap/webmap_base.html'
-webmap_path = 'map_new.html'
+webmap_path = 'map.html'
 
 # mapping geometry types to maplibre style
 map_geom_type_mapping = {

diff --git a/webmap/webmap_params.json b/webmap/webmap_params.json
@@ -11,6 +11,7 @@
         -25.465
     ],
     "basemap_url": "https://a.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+    "node_homepage" : "https://kauevestena.github.io/opensidewalkmap_beta/",
     "sidewalks_url": "https://kauevestena.github.io/opensidewalkmap_beta/data/tiles/sidewalks.pmtiles",
     "crossings_url": "https://kauevestena.github.io/opensidewalkmap_beta/data/tiles/crossings.pmtiles",
     "kerbs_url": "https://kauevestena.github.io/opensidewalkmap_beta/data/tiles/kerbs.pmtiles",

diff --git a/workflows/data_daily_updating.yml b/workflows/data_daily_updating.yml
@@ -59,7 +59,9 @@ jobs:
 
       - run: python oswm_codebase/generation/vec_tiles_gen.py
 
-      - run: python oswm_codebase/create_webmap.py
+      # - run: python oswm_codebase/create_webmap.py
+
+      - run: python oswm_codebase/webmap/create_webmap_new.py
 
       - run: python oswm_codebase/data_quality/tag_values_checking.py