// ui.js - UI update functions // Show status message export function showStatusMessage(message, type = 'info') { const statusEl = document.getElementById('status-message'); statusEl.textContent = message; statusEl.className = `status-message ${type}`; statusEl.style.display = 'block'; setTimeout(() => { statusEl.style.display = 'none'; }, 3000); } // Update coordinates display export function updateCoordinatesDisplay(lat, lon, alt = 0) { document.getElementById('longitude-value').textContent = lon.toFixed(2) + '°'; document.getElementById('latitude-value').textContent = lat.toFixed(2) + '°'; document.getElementById('mouse-coords').textContent = `鼠标: ${lat.toFixed(2)}°, ${lon.toFixed(2)}°`; } // Update zoom display export function updateZoomDisplay(zoomLevel, distance) { const percent = Math.round(zoomLevel * 100); document.getElementById('zoom-value').textContent = percent + '%'; document.getElementById('zoom-level').textContent = '缩放: ' + percent + '%'; document.getElementById('zoom-slider').value = zoomLevel; document.getElementById('camera-distance').textContent = distance + ' km'; } // Update earth stats export function updateEarthStats(stats) { document.getElementById('cable-count').textContent = stats.cableCount || 0; document.getElementById('landing-point-count').textContent = stats.landingPointCount || 0; document.getElementById('terrain-status').textContent = stats.terrainOn ? '开启' : '关闭'; document.getElementById('texture-quality').textContent = stats.textureQuality || '8K 卫星图'; } // Show/hide loading export function setLoading(loading) { const loadingEl = document.getElementById('loading'); loadingEl.style.display = loading ? 'block' : 'none'; } // Show tooltip export function showTooltip(x, y, content) { const tooltip = document.getElementById('tooltip'); tooltip.innerHTML = content; tooltip.style.left = x + 'px'; tooltip.style.top = y + 'px'; tooltip.style.display = 'block'; } // Hide tooltip export function hideTooltip() { document.getElementById('tooltip').style.display = 'none'; } // Show error message export function showError(message) { const errorEl = document.getElementById('error-message'); errorEl.textContent = message; errorEl.style.display = 'block'; } // Hide error message export function hideError() { document.getElementById('error-message').style.display = 'none'; }