71 lines
2.4 KiB
JavaScript
71 lines
2.4 KiB
JavaScript
// 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';
|
|
}
|