Update script.js

script.js

@@ -4,17 +4,25 @@ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
   attribution: '© OpenStreetMap contributors'
 }).addTo(map);
 
+// Custom robot marker icon
+const robotIcon = L.icon({
+  iconUrl: 'https://cdn-icons-png.flaticon.com/512/4712/4712074.png', // Change to your preferred robot icon URL
+  iconSize: [40, 40],       // 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
+});
+
 fetch('data.json')
   .then(response => response.json())
   .then(data => {
     data.forEach(entry => {
-      const lat = parseFloat(entry.latitude);
-      const lng = parseFloat(entry.longitude);
-      const name = entry.name || 'Unknown';
-      const desc = entry.description || '';
+      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])
+        L.marker([lat, lng], { icon: robotIcon })
           .addTo(map)
           .bindPopup(`<strong>${name}</strong><br>${desc}`);
       }