webfarben/Gutti
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Map auf volle Seitenbreite angepasst und AXA Logo als Marker verwendet

Browse Source
This commit is contained in:
webfarben
2026-02-11 11:18:14 +01:00
parent 24c878062d
commit 01b0589fb8
2 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
script.js
View File

@@ -110,23 +110,22 @@ function initializeMap() {
}).addTo(map); }).addTo(map);
// Custom icon // Custom icon
const axaIcon = L.divIcon({ const axaIcon = L.icon({
className: 'custom-marker', iconUrl: 'img/AXA_Logo_FR.svg',
html: '<div style="background-color: #00008f; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; border: 3px solid white; box-shadow: 0 2px 8px rgba(0,0,0,0.3);">📍</div>', iconSize: [30, 30],
iconSize: [40, 40], iconAnchor: [15, 30]
iconAnchor: [20, 40]
}); });
// Add marker // Add marker
const marker = L.marker([lat, lng], { icon: axaIcon }).addTo(map); const marker = L.marker([lat, lng], { icon: axaIcon }).addTo(map);
// Add popup // Add popup
marker.bindPopup(` // marker.bindPopup(`
<div style="text-align: center; padding: 10px;"> // <div style="text-align: center; padding: 10px;">
<strong>Andreas Guttenberger</strong><br> // <strong>Andreas Guttenberger</strong><br>
Versicherungsfachmann (IHK)<br> // Versicherungsfachmann (IHK)<br>
Am Fallgatter 6<br> // Am Fallgatter 6<br>
93183 Kallmünz / Traidendorf // 93183 Kallmünz / Traidendorf
</div> // </div>
`).openPopup(); // `).openPopup();
} }

5
style.css
View File

@@ -440,9 +440,12 @@ body {
/* Map */ /* Map */
.map-container { .map-container {
margin-top: 60px; margin-top: 60px;
border-radius: 15px; border-radius: 0;
overflow: hidden; overflow: hidden;
box-shadow: var(--shadow-lg); box-shadow: var(--shadow-lg);
width: 100vw;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
} }
#map { #map {