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:
@@ -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;">🌎</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');
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren