From 8105aba7389110d0a2bb42bdb0e7af55af4da321 Mon Sep 17 00:00:00 2001
From: Swayam <143718640+SinghSwayam@users.noreply.github.com>
Date: Fri, 9 Jan 2026 14:32:42 +0530
Subject: [PATCH] Add info icon with Wiki links to map layers menu (#6669)

---
 app/assets/stylesheets/common.scss   | 6 ++++++
 app/views/layers_panes/show.html.erb | 5 +++++
 config/layers.yml                    | 8 ++++++++
 config/locales/en.yml                | 1 +
 4 files changed, 20 insertions(+)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 3f4f096f2..8c9e6cd17 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1033,3 +1033,9 @@ img.trace_image {
     min-width: 200px;
   }
 }
+
+/* Map Layers Menu - Info Icon */
+
+.layer-info-toggle {
+  mix-blend-mode: difference;
+}
diff --git a/app/views/layers_panes/show.html.erb b/app/views/layers_panes/show.html.erb
index a1d63c7e1..ecbbb4e60 100644
--- a/app/views/layers_panes/show.html.erb
+++ b/app/views/layers_panes/show.html.erb
@@ -7,6 +7,11 @@
         <span class="badge position-absolute top-0 start-0 rounded-top-0 rounded-start-0 py-1 px-2 bg-body bg-opacity-75 text-body text-wrap text-start fs-6 lh-base">
           <%= t "javascripts.map.base.#{layer['nameId']}" %>
         </span>
+        <% if layer["wiki"] %>
+          <%= link_to layer["wiki"], :target => "_blank", :rel => "noopener", :title => t("layouts.layer_info"), :class => "layer-info-toggle position-absolute z-3 p-1 end-0 text-white text-decoration-none lh-1" do %>
+            <i class="bi bi-info-circle"></i>
+          <% end %>
+        <% end %>
       </label>
     </div>
   <% end %>
diff --git a/config/layers.yml b/config/layers.yml
index 45a7930f3..4f73e2b81 100644
--- a/config/layers.yml
+++ b/config/layers.yml
@@ -2,6 +2,7 @@
   code: "M"
   layerId: "mapnik"
   nameId: "standard"
+  wiki: "https://wiki.openstreetmap.org/wiki/OpenStreetMap_Carto"
   canEmbed: true
   canDownloadImage: true
   credit:
@@ -13,6 +14,7 @@
   code: "Y"
   layerId: "cyclosm"
   nameId: "cyclosm"
+  wiki: "https://wiki.openstreetmap.org/wiki/CyclOSM"
   canEmbed: true
   credit:
     id: "cyclosm_credit"
@@ -28,6 +30,7 @@
   code: "C"
   layerId: "cyclemap"
   nameId: "cycle_map"
+  wiki: "https://wiki.openstreetmap.org/wiki/OpenCycleMap"
   apiKeyId: "thunderforest_key"
   canEmbed: true
   canDownloadImage: true
@@ -43,6 +46,7 @@
   code: "T"
   layerId: "transportmap"
   nameId: "transport_map"
+  wiki: "https://wiki.openstreetmap.org/wiki/Transport_Map"
   apiKeyId: "thunderforest_key"
   canEmbed: true
   canDownloadImage: true
@@ -57,6 +61,7 @@
   code: "P"
   layerId: "tracestracktopo"
   nameId: "tracestracktop_topo"
+  wiki: "https://wiki.openstreetmap.org/wiki/Tracestrack"
   apiKeyId: "tracestrack_key"
   credit:
     id: "tracestrack_credit"
@@ -69,6 +74,7 @@
   code: "H"
   layerId: "hot"
   nameId: "hot"
+  wiki: "https://wiki.openstreetmap.org/wiki/Humanitarian"
   canEmbed: true
   credit:
     id: "hotosm_credit"
@@ -85,6 +91,7 @@
   code: "S"
   layerId: "shortbread"
   nameId: "shortbread"
+  wiki: "https://wiki.openstreetmap.org/wiki/Shortbread"
   maxZoom: 23
   credit:
     id: "make_a_donation"
@@ -95,6 +102,7 @@
   code: "V"
   layerId: "openmaptiles_osm"
   nameId: "openmaptiles_osm"
+  wiki: "https://wiki.openstreetmap.org/wiki/MapTiler"
   apiKeyId: "maptiler_key"
   maxZoom: 23
   credit:
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 74195dce8..c1a7a1b3f 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -1846,6 +1846,7 @@ en:
       title: OpenStreetMap
     logo:
       alt_text: OpenStreetMap logo
+    layer_info: "Layer Info"
     home: Go to Home Location
     logout: Log Out
     log_in: Log In
-- 
2.39.5