Tutorial: Karten-Platzhalter in normaler Kachelansicht zurueckbringen

Die Karten-Kachel zeigte nur grau, weil die Leaflet-Map erst im
Vollbild-Step erstellt wird. Jetzt zeigt die Kachel wieder einen
visuellen Platzhalter mit Globus-Icon und erkannten Orten.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Dev
2026-03-16 16:22:03 +01:00
Ursprung 014e968daf
Commit 6c72190f86
2 geänderte Dateien mit 17 neuen und 3 gelöschten Zeilen

Datei anzeigen

@@ -209,11 +209,23 @@ const Tutorial = {
timeline.innerHTML = tlHtml;
}
// Karte: Stats setzen, Map wird erst im Vollbild-Step initialisiert
// Karte: Stats setzen + Platzhalter anzeigen, echte Map erst im Vollbild-Step
var mapEmpty = document.getElementById('map-empty');
if (mapEmpty) mapEmpty.style.display = 'none';
var mapStats = document.getElementById('map-stats');
if (mapStats) mapStats.textContent = '3 Orte / 9 Artikel';
var mapContainer = document.getElementById('map-container');
if (mapContainer) {
var ph = document.createElement('div');
ph.className = 'tutorial-demo tutorial-map-placeholder';
ph.style.cssText = 'width:100%;height:100%;display:flex;align-items:center;justify-content:center;'
+ 'background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;border-radius:var(--radius);';
ph.innerHTML = '<div style="text-align:center;">'
+ '<div style="font-size:40px;margin-bottom:12px;opacity:0.4;">&#127758;</div>'
+ '<div>3 Orte erkannt: Hamburg, Burchardkai, Elbe</div>'
+ '<div style="font-size:11px;margin-top:4px;opacity:0.6;">Karte wird im Vollbild-Schritt angezeigt</div></div>';
mapContainer.appendChild(ph);
}
// Meta
var metaUpdated = document.getElementById('meta-updated');
@@ -261,8 +273,10 @@ const Tutorial = {
var mapStats = document.getElementById('map-stats');
if (mapStats) mapStats.innerHTML = s.mapStats;
// Demo-Map entfernen
// Demo-Map und Platzhalter entfernen
this._destroyDemoMap();
var mapPh = document.querySelector('.tutorial-map-placeholder');
if (mapPh) mapPh.remove();
// Meta
var metaUpdated = document.getElementById('meta-updated');