Update script.js

script.js

@@ -6,25 +6,53 @@ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 
 // Custom robot marker icon
 const robotIcon = L.icon({
-  iconUrl: 'https://cdn.shopify.com/s/files/1/0767/2040/6877/files/LeRobot.png?v=1745423992', // Change to your preferred robot icon URL
-  iconSize: [35, 35],       // size of the icon
-  iconAnchor: [20, 40],     // point of the icon which will correspond to marker's location
-  popupAnchor: [0, -35]     // point from which the popup should open relative to the iconAnchor
+  iconUrl: 'https://cdn.shopify.com/s/files/1/0767/2040/6877/files/LeRobot.png?v=1745423992',
+  iconSize: [35, 35],
+  iconAnchor: [20, 40],
+  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],
+  iconAnchor: [20, 40],
+  popupAnchor: [0, -35]
+});
+
+// Function to add markers from a dataset
+function addMarkers(data, icon) {
+  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 || '';
+
+    if (!isNaN(lat) && !isNaN(lng)) {
+      L.marker([lat, lng], { icon: icon })
+        .addTo(map)
+        .bindPopup(`<strong>${name}</strong><br>${desc}`);
+    }
+  });
+}
+
+// Fetch and process the first dataset
 fetch('data.json')
   .then(response => response.json())
   .then(data => {
-    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 || '';
-
-      if (!isNaN(lat) && !isNaN(lng)) {
-        L.marker([lat, lng], { icon: robotIcon })
-          .addTo(map)
-          .bindPopup(`<strong>${name}</strong><br>${desc}`);
-      }
-    });
+    addMarkers(data, robotIcon);
+  })
+  .catch(error => {
+    console.error('Error fetching data.json:', error);
   });
+
+// Fetch and process the second dataset
+fetch('data_HQ_HF.json')
+  .then(response => response.json())
+  .then(data => {
+    addMarkers(data, hqIcon);
+  })
+  .catch(error => {
+    console.error('Error fetching data_HQ_HF.json:', error);
+  });
+