WEBklar/emmas-schatzkiste
4
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Google-Karte auf der Startseite immer anzeigen

Browse Source 
Die Zwei-Klick-Loesung entfaellt, das Maps-iframe laedt direkt.
Datenschutzerklaerung (Kurzfassung, 4a, 8) entsprechend angepasst.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
knsoandClaude Opus 5.5 committed 2026-09-30 12:51:14 +00:00
1 parent 5df349fc71
commit 116b8b741e
2 files changed
+16 -36
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+4 -24
View File
@@ -124,15 +124,10 @@
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
</a>
</div>
<!-- Zwei-Klick-Karte: Google Maps wird erst nach Klick geladen (DSGVO/TDDDG).
Vorher gibt es keine Verbindung zu Google. Skript am Seitenende. -->
<div class="map" data-map-src="https://maps.google.com/maps?q=EmMas%20Schatzkiste%2C%20Hollerstra%C3%9Fe%202%2C%2084056%20Rottenburg%20an%20der%20Laaber&amp;z=16&amp;output=embed">
<div class="map__consent">
<span class="map__pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg></span>
<p class="map__title">Karte von Google Maps</p>
<p class="map__note">Beim Laden werden Daten, u.&nbsp;a. deine IP-Adresse, an Google übertragen. Mehr dazu in der <a href="datenschutz.html#karte">Datenschutzerklärung</a>.</p>
<button class="btn btn--secondary" type="button" data-map-load>Karte laden</button>
</div>
<!-- Google-Karte wird direkt angezeigt (Wunsch Kunde, 30.09.2026).
Hinweis dazu in der Datenschutzerklaerung, Abschnitt 4a. -->
<div class="map is-loaded">
<iframe src="https://maps.google.com/maps?q=EmMas%20Schatzkiste%2C%20Hollerstra%C3%9Fe%202%2C%2084056%20Rottenburg%20an%20der%20Laaber&amp;z=16&amp;output=embed" title="Karte: EmMas Schatzkiste, Hollerstraße 2, Rottenburg a.d. Laaber" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
@@ -175,21 +170,6 @@
</main>
<script>
// Zwei-Klick-Karte: iframe erst auf ausdruecklichen Klick einsetzen.
document.querySelectorAll('[data-map-load]').forEach(function (btn) {
btn.addEventListener('click', function () {
var box = btn.closest('.map');
var f = document.createElement('iframe');
f.src = box.getAttribute('data-map-src');
f.title = 'Karte: EmMas Schatzkiste, Hollerstraße 2, Rottenburg a.d. Laaber';
f.referrerPolicy = 'no-referrer-when-downgrade';
box.replaceChildren(f);
box.classList.add('is-loaded');
});
});
</script>
<footer class="ftr">
<div class="wrap">
<div class="ftr__cols">