data.js

//   async function initMap() {
//     // 🌍 Initialize map
//     map = new google.maps.Map(document.getElementById("map"), {
//       center: { lat: 22.9734, lng: 78.6569 }, // India center
//       zoom: 5
//     //   const bounds = new google.maps.LatLngBounds();

//     //     highRisk.forEach(zone => {
//     //     bounds.extend({
//     //     lat: zone.center[0],
//     //     lng: zone.center[1]
//     //   });
//     // });

//     //   map.fitBounds(bounds);
//     });

//     try {
//       // 📡 Fetch backend data
      

//       const highRisk = data.high_risk_zones;
//       const predicted = data.predicted_zones;

//       // 🔴 STEP 1 — Draw Circles (High Risk Zones)
//       highRisk.forEach(zone => {
//         new google.maps.Circle({
//           strokeColor: zone.risk_level === "High" ? "#FF0000" : "#FFA500",
//           strokeOpacity: 0.8,
//           strokeWeight: 2,
//           fillColor: zone.risk_level === "High" ? "#FF0000" : "#FFA500",
//           fillOpacity: 0.35,
//           map: map,
//           center: {
//             lat: zone.center[0],
//             lng: zone.center[1]
//           },
//           radius: zone.radius_km * 1000
//         });
//       });

//       // 🔥 STEP 2 — Heatmap Layer
//       const heatData = highRisk.map(zone => ({
//         location: new google.maps.LatLng(
//           zone.center[0],
//           zone.center[1]
//         ),
//         weight: zone.avg_score || 1
//       }));

//       const heatmap = new google.maps.visualization.HeatmapLayer({
//         data: heatData,
//         radius: 30
//       });

//       heatmap.setMap(map);

//       // 📍 STEP 3 — Predicted Zones Markers
//       predicted.forEach(p => {
//         if (p.lat && p.lng) {
//           const marker = new google.maps.Marker({
//             position: { lat: p.lat, lng: p.lng },
//             map: map,
//             title: p.issue_type
//           });

//           // 🧠 Optional: Info Window on click
//           const infoWindow = new google.maps.InfoWindow({
//             content: `
//               <div>
//                 <strong>Issue:</strong> ${p.issue_type}<br/>
//                 <strong>Location:</strong> ${p.location}
//               </div>
//             `
//           });

//           marker.addListener("click", () => {
//             infoWindow.open(map, marker);
//           });
//         }
//       });

//     } catch (error) {
//       console.error("Error fetching data:", error);
//     }
//   }

//   // 🚀 Load map
//   window.onload = initMap;




   const data = {
  high_risk_zones: [
    {
      center: [28.61, 77.20], // Delhi
      radius_km: 25,
      risk_level: "High",
      avg_score: 0.9
    },
    {
      center: [19.07, 72.87], // Mumbai
      radius_km: 20,
      risk_level: "High",
      avg_score: 0.85
    },
    {
      center: [13.08, 80.27], // Chennai
      radius_km: 18,
      risk_level: "Medium",
      avg_score: 0.6
    },
    {
      center: [22.57, 88.36], // Kolkata
      radius_km: 22,
      risk_level: "High",
      avg_score: 0.8
    },
    {
      center: [12.97, 77.59], // Bangalore
      radius_km: 15,
      risk_level: "Medium",
      avg_score: 0.55
    },
    {
      center: [23.03, 72.58], // Ahmedabad
      radius_km: 17,
      risk_level: "Medium",
      avg_score: 0.5
    },
    {
      center: [26.91, 75.79], // Jaipur
      radius_km: 16,
      risk_level: "Low",
      avg_score: 0.3
    },
    {
      center: [17.38, 78.48], // Hyderabad
      radius_km: 19,
      risk_level: "Medium",
      avg_score: 0.65
    }
  ],

  predicted_zones: [
    {
      location: "Delhi",
      lat: 28.61,
      lng: 77.20,
      issue_type: "Air Pollution"
    },
    {
      location: "Mumbai",
      lat: 19.07,
      lng: 72.87,
      issue_type: "Flood Risk"
    },
    {
      location: "Chennai",
      lat: 13.08,
      lng: 80.27,
      issue_type: "Water Scarcity"
    },
    {
      location: "Kolkata",
      lat: 22.57,
      lng: 88.36,
      issue_type: "Air Pollution"
    },
    {
      location: "Bangalore",
      lat: 12.97,
      lng: 77.59,
      issue_type: "Traffic Congestion"
    },
    {
      location: "Hyderabad",
      lat: 17.38,
      lng: 78.48,
      issue_type: "Heat Waves"
    },
    {
      location: "Jaipur",
      lat: 26.91,
      lng: 75.79,
      issue_type: "Water Scarcity"
    },
    {
      location: "Ahmedabad",
      lat: 23.03,
      lng: 72.58,
      issue_type: "Heat Waves"
    }
  ]
};