Update app.py

app.py

@@ -18,9 +18,17 @@ warnings.filterwarnings("ignore")
 
 # Map Tile Providers with reliable sources
 MAP_TILES = {
-    "Toner": {
-        "url": "https://tiles.stadiamaps.com/tiles/stamen_toner/{z}/{x}/{y}.png",
-        "attr": "Stadia Maps"
+    "Terrain": {
+        "url": "https://server.arcgisonline.com/ArcGIS/rest/services/World_Terrain_Base/MapServer/tile/{z}/{y}/{x}",
+        "attr": "Esri"
+    },
+    "OpenTopoMap": {
+        "url": "https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",
+        "attr": "OpenTopoMap"
+    },
+    "OpenStreetMap": {
+        "url": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+        "attr": "OpenStreetMap contributors"
     }
 }
 
@@ -119,18 +127,28 @@ def extract_info(template, text):
         return f"❌ Error: {str(e)}", "{}"
 
 def create_map(df, location_col):
-    # Initialize map with Toner style
+    # Initialize map with Terrain style
     m = folium.Map(location=[20, 0], zoom_start=2, control_scale=True)
     
-    # Add the single tile layer without controls
+    # Add the terrain tile layer
     folium.TileLayer(
-        tiles=MAP_TILES["Toner"]["url"],
-        attr=MAP_TILES["Toner"]["attr"],
-        name="Toner",
+        tiles=MAP_TILES["Terrain"]["url"],
+        attr=MAP_TILES["Terrain"]["attr"],
+        name="Terrain",
         overlay=False,
         control=False
     ).add_to(m)
     
+    # Add OpenTopoMap as backup in case Esri terrain fails
+    folium.TileLayer(
+        tiles=MAP_TILES["OpenTopoMap"]["url"],
+        attr=MAP_TILES["OpenTopoMap"]["attr"],
+        name="OpenTopoMap",
+        overlay=False,
+        control=False,
+        show=False
+    ).add_to(m)
+    
     # Add plugins
     Fullscreen().add_to(m)
     MeasureControl(position='topright', primary_length_unit='kilometers').add_to(m)
@@ -188,16 +206,49 @@ def create_map(df, location_col):
     if coords:
         m.fit_bounds(coords)
     
-    # Add custom font CSS
-    custom_css = """
-    <style>
-    @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
-    .leaflet-container {
-        font-family: 'Source Sans Pro', sans-serif;
-    }
-    </style>
-    """
-    m.get_root().header.add_child(folium.Element(custom_css))
+    # Add better tile error handling with JavaScript
+    m.get_root().html.add_child(folium.Element("""
+    <script>
+    // Wait for the map to be fully loaded
+    document.addEventListener('DOMContentLoaded', function() {
+        setTimeout(function() {
+            // Get the map instance
+            var maps = document.querySelectorAll('.leaflet-container');
+            if (maps.length > 0) {
+                var map = maps[0];
+                
+                // Add error handler for tiles
+                var layers = map.querySelectorAll('.leaflet-tile-pane .leaflet-layer');
+                var mainLayerLoaded = false;
+                
+                for (var i = 0; i < layers.length; i++) {
+                    var layer = layers[i];
+                    var tiles = layer.querySelectorAll('.leaflet-tile');
+                    var loadedTiles = layer.querySelectorAll('.leaflet-tile-loaded');
+                    
+                    // Check if primary layer has loaded tiles
+                    if (i === 0 && tiles.length > 0 && loadedTiles.length > 0) {
+                        mainLayerLoaded = true;
+                    }
+                }
+                
+                // If main layer didn't load, try to activate backup layer
+                if (!mainLayerLoaded && layers.length > 1) {
+                    // This is a workaround to switch to the backup layer
+                    // by manipulating the DOM directly since we don't have
+                    // direct access to the layer controls
+                    var backupLayer = layers[1];
+                    if (backupLayer) {
+                        backupLayer.style.zIndex = "1";
+                        backupLayer.style.opacity = "1";
+                        console.log("Switched to backup terrain layer");
+                    }
+                }
+            }
+        }, 3000); // Wait 3 seconds for tiles to load
+    });
+    </script>
+    """))
     
     return m._repr_html_(), processed_count