Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
| 🗓 Timeline | Chronological photo browser |
| 🖼 Lightbox | Full-size viewer with navigation and camera info |
| 📝 Notes | Add notes to any pin |
| 🛰 Map styles | Light, Bright, Dark, Terrain, 3D Terrain, Satellite, 3D Satellite, Globe |
| 🛰 Map styles | Light, Dark, Terrain, 3D Terrain, Satellite, 3D Satellite, Globe |
| 🔄 Clustering | Pins cluster by zoom, expand on click |
| 💾 Auto-save | Background backup to disk via `serve.py` |
| 📦 Export / Import | Full dataset as compressed `.json.gz` |
Expand Down
1 change: 0 additions & 1 deletion docs/keyboard-shortcuts.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ Shortcuts are disabled when typing in any input field.
| Key | Action |
|---|---|
| `L` | Switch to Light Map |
| `B` | Switch to Bright Map |
| `D` | Switch to Dark Map |
| `T` | Switch to Terrain |
| `3` | Switch to 3D Terrain |
Expand Down
1 change: 0 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -135,7 +135,6 @@
<button class="tb-btn" id="tb-style-btn" onclick="toggleStyleMenu(event)">Dark Map ▾</button>
<div class="style-menu" id="style-menu">
<div class="style-menu-item" data-style="light" onclick="setMapStyle('light')">Light Map</div>
<div class="style-menu-item" data-style="bright" onclick="setMapStyle('bright')">Bright Map</div>
<div class="style-menu-item active" data-style="dark" onclick="setMapStyle('dark')">Dark Map</div>
<div class="style-menu-item" data-style="enriched" onclick="setMapStyle('enriched')">Terrain</div>
<div class="style-menu-item" data-style="terrain3d" onclick="setMapStyle('terrain3d')">3D Terrain</div>
Expand Down
1 change: 0 additions & 1 deletion js/demo.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ document.addEventListener('keydown', e => {
if (e.ctrlKey || e.metaKey || e.altKey || e.shiftKey) return;
switch (e.key) {
case 'l': case 'L': setMapStyle('light'); break;
case 'b': case 'B': setMapStyle('bright'); break;
case 'd': case 'D': setMapStyle('dark'); break;
case 't': case 'T': setMapStyle('enriched'); break;
case '3': setMapStyle('terrain3d'); break;
Expand Down
8 changes: 3 additions & 5 deletions js/map.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,9 @@
function _styleUrl() {
if (_mapStyle === 'satellite' || _mapStyle === 'satellite3d') return STYLE_SAT;
if (_mapStyle === 'dark') return STYLE_DARK;
if (_mapStyle === 'bright') return STYLE_BRIGHT;
return STYLE_STREET; // light, enriched, terrain3d, globe all use Liberty as base
}
const STYLE_STREET = 'https://tiles.openfreemap.org/styles/liberty';
const STYLE_BRIGHT = 'https://tiles.openfreemap.org/styles/bright';
const STYLE_DARK = 'https://tiles.openfreemap.org/styles/dark';
const STYLE_SAT = {
version:8,
Expand Down Expand Up @@ -441,7 +439,7 @@ function addPinLayers() {
// ═══════════════════════════════════════
function initTheme() {
const stored = localStorage.getItem('matrix-theme');
if (stored && ['dark', 'light', 'bright', 'enriched', 'terrain3d', 'globe'].includes(stored)) {
if (stored && ['dark', 'light', 'enriched', 'terrain3d', 'globe'].includes(stored)) {
_mapStyle = stored;
} else {
_mapStyle = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
Expand All @@ -460,7 +458,7 @@ function applyTheme() {
document.getElementById('map')?.classList.toggle('dark-map', _mapStyle === 'dark');
_tileTemplatesCache = null;
const btn = document.getElementById('tb-style-btn');
const labels = { light: 'Light Map', bright: 'Bright Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
const labels = { light: 'Light Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
if (btn) btn.textContent = (labels[_mapStyle] || _mapStyle) + ' ▾';
document.querySelectorAll('.style-menu-item').forEach(el => el.classList.toggle('active', el.dataset.style === _mapStyle));
_syncExportBtnState();
Expand Down Expand Up @@ -900,7 +898,7 @@ function setMapStyle(mode) {
_syncExportBtnState();

// Update button label
const labels = { light: 'Light Map', bright: 'Bright Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
const labels = { light: 'Light Map', enriched: 'Terrain', dark: 'Dark Map', satellite: 'Satellite', satellite3d: '3D Satellite', terrain3d: '3D Terrain', globe: 'Globe' };
const btn = document.getElementById('tb-style-btn');
if (btn) btn.textContent = (labels[mode] || mode) + ' ▾';

Expand Down