Update script.js

script.js

@@ -1,10 +1,11 @@
 const map = L.map('map').setView([20, 0], 2);
 
+// OpenStreetMap tile layer
 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
   attribution: '© OpenStreetMap contributors'
 }).addTo(map);
 
-// Custom robot marker icon
+// Custom icons for robot and HQ
 const robotIcon = L.icon({
   iconUrl: 'https://cdn.shopify.com/s/files/1/0767/2040/6877/files/LeRobot.png?v=1745423992',
   iconSize: [35, 35],
@@ -12,7 +13,6 @@ const robotIcon = L.icon({
   popupAnchor: [0, -35]
 });
 
-// Custom HQ marker icon
 const hqIcon = L.icon({
   iconUrl: 'https://cdn.shopify.com/s/files/1/0767/2040/6877/files/HF_Logo.png?v=1745427981',
   iconSize: [35, 35],
@@ -20,74 +20,28 @@ const hqIcon = L.icon({
   popupAnchor: [0, -35]
 });
 
-// Function to add markers from a dataset
+// Function to add markers with icons
 function addMarkers(data, icon) {
-  console.log('Processing data:', data); // Log the data being processed
   data.forEach(entry => {
-    const lat = parseFloat(entry.latitude || entry.latitude);
-    const lng = parseFloat(entry.longitude || entry.longitude);
-    const name = entry.name || entry.name || 'Unknown';
-    const desc = entry.description || entry.Description || '';
-    const address = entry.address || entry.address || 'N/A';
-    const nbPeople = entry.nb_of_people || entry.nb_of_people || '';
-    const discordUsername = entry.discord_username || entry.discord_username || '';
-
+    const lat = parseFloat(entry.latitude);
+    const lng = parseFloat(entry.longitude);
     if (!isNaN(lat) && !isNaN(lng)) {
-      let popupContent = `
-        <strong>${name}</strong><br>
-        ${desc}<br>
-        <strong>Address:</strong> ${address}<br>
+      const popupContent = `
+        <strong>${entry.name || 'Unknown'}</strong><br>
+        ${entry.description || ''}<br>
+        <strong>Address:</strong> ${entry.address || 'N/A'}<br>
       `;
-
-      if (nbPeople && nbPeople !== 'N/A') {
-        popupContent += `<strong>Nb of People:</strong> ${nbPeople}<br>`;
-      }
-
-      if (discordUsername && discordUsername !== 'N/A') {
-        popupContent += `<strong>Discord Username:</strong> ${discordUsername}<br>`;
-      }
-
-      L.marker([lat, lng], { icon: icon })
-        .addTo(map)
-        .bindPopup(popupContent);
-    } else {
-      console.warn('Invalid coordinates:', entry); // Log entries with invalid coordinates
+      L.marker([lat, lng], { icon: icon }).addTo(map).bindPopup(popupContent);
     }
   });
 }
 
-
-// Fetch and process the first dataset
+// Fetch and add data for HQ
 fetch('data_HQ_HF.json')
-  .then(response => {
-    if (!response.ok) {
-      throw new Error('Network response was not ok');
-    }
-    return response.json();
-  })
-  .then(data => {
-    console.log('Fetched data_HQ_HF.json:', data); // Log the fetched data
-    addMarkers(data, hqIcon);
-  })
-  .catch(error => {
-    console.error('Error fetching data_HQ_HF.json:', error);
-  });
+  .then(response => response.json())
+  .then(data => addMarkers(data, hqIcon));
 
-// Fetch and process the second dataset
+// Fetch and add data for robots
 fetch('data.json')
-  .then(response => {
-    if (!response.ok) {
-      throw new Error('Network response was not ok');
-    }
-    return response.json();
-  })
-  .then(data => {
-    console.log('Fetched data.json:', data); // Log the fetched data
-    addMarkers(data, robotIcon);
-  })
-  .catch(error => {
-    console.error('Error fetching data.json:', error);
-  });
-
- 
-
+  .then(response => response.json())
+  .then(data => addMarkers(data, robotIcon));