Update app.py

app.py

@@ -18,17 +18,9 @@ warnings.filterwarnings("ignore")
 
 # Map Tile Providers with reliable sources
 MAP_TILES = {
-    "Terrain": {
-        "url": "https://server.arcgisonline.com/ArcGIS/rest/services/World_Terrain_Base/MapServer/tile/{z}/{y}/{x}",
+    "GreenMap": {
+        "url": "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/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"
     }
 }
 
@@ -127,28 +119,18 @@ def extract_info(template, text):
         return f"❌ Error: {str(e)}", "{}"
 
 def create_map(df, location_col):
-    # Initialize map with Terrain style
+    # Initialize map with satellite imagery which shows greenery
     m = folium.Map(location=[20, 0], zoom_start=2, control_scale=True)
     
-    # Add the terrain tile layer
+    # Add the satellite tile layer - this will show green areas
     folium.TileLayer(
-        tiles=MAP_TILES["Terrain"]["url"],
-        attr=MAP_TILES["Terrain"]["attr"],
-        name="Terrain",
+        tiles=MAP_TILES["GreenMap"]["url"],
+        attr=MAP_TILES["GreenMap"]["attr"],
+        name="GreenMap",
         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)
@@ -206,49 +188,23 @@ def create_map(df, location_col):
     if coords:
         m.fit_bounds(coords)
     
-    # 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>
-    """))
+    # Add custom font CSS and ensure proper styling
+    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;
+    }
+    .leaflet-popup-content {
+        font-family: 'Source Sans Pro', sans-serif;
+    }
+    .leaflet-popup-content h4 {
+        font-weight: 600;
+        margin-bottom: 8px;
+    }
+    </style>
+    """
+    m.get_root().header.add_child(folium.Element(custom_css))
     
     return m._repr_html_(), processed_count