Update script.js
Browse files
script.js
CHANGED
|
@@ -14,7 +14,7 @@ const robotIcon = L.icon({
|
|
| 14 |
|
| 15 |
// Custom HQ marker icon
|
| 16 |
const hqIcon = L.icon({
|
| 17 |
-
iconUrl: 'https://cdn.shopify.com/s/files/1/0767/2040/6877/files/HF_Logo.png?v=1745427981',
|
| 18 |
iconSize: [35, 35],
|
| 19 |
iconAnchor: [20, 40],
|
| 20 |
popupAnchor: [0, -35]
|
|
@@ -24,24 +24,32 @@ const hqIcon = L.icon({
|
|
| 24 |
function addMarkers(data, icon) {
|
| 25 |
console.log('Processing data:', data); // Log the data being processed
|
| 26 |
data.forEach(entry => {
|
| 27 |
-
const lat = parseFloat(entry.latitude || entry.
|
| 28 |
-
const lng = parseFloat(entry.longitude || entry.
|
| 29 |
-
const name = entry.name || entry.
|
| 30 |
const desc = entry.description || entry.Description || '';
|
| 31 |
-
const address = entry.address || entry.
|
| 32 |
-
const nbPeople = entry.nb_of_people || entry.
|
| 33 |
-
const discordUsername = entry.discord_username || entry.
|
| 34 |
|
| 35 |
if (!isNaN(lat) && !isNaN(lng)) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
L.marker([lat, lng], { icon: icon })
|
| 37 |
.addTo(map)
|
| 38 |
-
.bindPopup(
|
| 39 |
-
<strong>${name}</strong><br>
|
| 40 |
-
${desc}<br>
|
| 41 |
-
<strong>Address:</strong> ${address}<br>
|
| 42 |
-
<strong>Nb of People:</strong> ${nbPeople}<br>
|
| 43 |
-
<strong>Discord Username:</strong> ${discordUsername}
|
| 44 |
-
`);
|
| 45 |
} else {
|
| 46 |
console.warn('Invalid coordinates:', entry); // Log entries with invalid coordinates
|
| 47 |
}
|
|
@@ -81,3 +89,5 @@ fetch('data_HQ_HF.json')
|
|
| 81 |
});
|
| 82 |
|
| 83 |
|
|
|
|
|
|
|
|
|
| 14 |
|
| 15 |
// Custom HQ marker icon
|
| 16 |
const hqIcon = L.icon({
|
| 17 |
+
iconUrl: 'https://cdn.shopify.com/s/files/1/0767/2040/6877/files/HF_Logo.png?v=1745427981',
|
| 18 |
iconSize: [35, 35],
|
| 19 |
iconAnchor: [20, 40],
|
| 20 |
popupAnchor: [0, -35]
|
|
|
|
| 24 |
function addMarkers(data, icon) {
|
| 25 |
console.log('Processing data:', data); // Log the data being processed
|
| 26 |
data.forEach(entry => {
|
| 27 |
+
const lat = parseFloat(entry.latitude || entry.latitude);
|
| 28 |
+
const lng = parseFloat(entry.longitude || entry.longitude);
|
| 29 |
+
const name = entry.name || entry.name || 'Unknown';
|
| 30 |
const desc = entry.description || entry.Description || '';
|
| 31 |
+
const address = entry.address || entry.address || 'N/A';
|
| 32 |
+
const nbPeople = entry.nb_of_people || entry.nb_of_people || '';
|
| 33 |
+
const discordUsername = entry.discord_username || entry.discord_username || '';
|
| 34 |
|
| 35 |
if (!isNaN(lat) && !isNaN(lng)) {
|
| 36 |
+
let popupContent = `
|
| 37 |
+
<strong>${name}</strong><br>
|
| 38 |
+
${desc}<br>
|
| 39 |
+
<strong>Address:</strong> ${address}<br>
|
| 40 |
+
`;
|
| 41 |
+
|
| 42 |
+
if (nbPeople && nbPeople !== 'N/A') {
|
| 43 |
+
popupContent += `<strong>Nb of People:</strong> ${nbPeople}<br>`;
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
if (discordUsername && discordUsername !== 'N/A') {
|
| 47 |
+
popupContent += `<strong>Discord Username:</strong> ${discordUsername}<br>`;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
L.marker([lat, lng], { icon: icon })
|
| 51 |
.addTo(map)
|
| 52 |
+
.bindPopup(popupContent);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 53 |
} else {
|
| 54 |
console.warn('Invalid coordinates:', entry); // Log entries with invalid coordinates
|
| 55 |
}
|
|
|
|
| 89 |
});
|
| 90 |
|
| 91 |
|
| 92 |
+
|
| 93 |
+
|