Auto-toggle Bike overlay on profile selection (#441)

When selecting the bike profile, automatically enable the 'Bike' overlay if it wasn't active. If the overlay was auto-enabled, remove it when switching away from the bike profile; if the overlay was previously selected by the user, leave it alone.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: DennisOSRM

src/index.js

@@ -35,6 +35,10 @@ var ItineraryBuilder = require('./itinerary_builder')(mergedOptions.language);
 
 var mapLayer = leafletOptions.layer;
 var overlay = leafletOptions.overlay;
+
+// Track whether the Bike overlay was auto-enabled by profile selection
+var bikeOverlayAutoActivated = false;
+var bikeOverlayOriginallyActive = false;
 var baselayer = ls.get('layer') ? mapLayer[0][ls.get('layer')] : leafletOptions.defaultState.layer;
 var layers = ls.get('getOverlay') && [baselayer, overlay['Small Components']] || baselayer;
 var map = L.map('map', {
@@ -327,6 +331,35 @@ if (toolsControl && toolsControl.on) {
   }
 }());
 
+// Auto-toggle Bike overlay when profile selection changes
+if (modeSelector && modeSelector.select) {
+  L.DomEvent.on(modeSelector.select, 'change', function(event) {
+    var profileIndex = parseInt(event.target.value, 10);
+    var selectedProfile = leafletOptions.services[profileIndex] && leafletOptions.services[profileIndex].profile;
+    var bikeLayer = overlay && overlay['Bike'];
+    if (!bikeLayer) return;
+
+    if (selectedProfile === 'bike') {
+      if (map.hasLayer(bikeLayer)) {
+        bikeOverlayOriginallyActive = true;
+        bikeOverlayAutoActivated = false;
+      } else {
+        bikeOverlayOriginallyActive = false;
+        map.addLayer(bikeLayer);
+        bikeOverlayAutoActivated = true;
+      }
+    } else {
+      if (bikeOverlayAutoActivated) {
+        if (map.hasLayer(bikeLayer) && !bikeOverlayOriginallyActive) {
+          map.removeLayer(bikeLayer);
+        }
+        bikeOverlayAutoActivated = false;
+        bikeOverlayOriginallyActive = false;
+      }
+    }
+  });
+}
+
 // Hide directions pane by default
 var routingContainer = document.querySelector('.leaflet-routing-container');
 if (routingContainer) {