mirror of
https://github.com/Dvorinka/MyClubServer.git
synced 2026-06-03 18:22:57 +00:00
2.2 KiB
2.2 KiB
Map Styles - Quick Reference
🎨 Available Styles
Light & Clean
| Style | Key | Best For |
|---|---|---|
| Positron | positron |
Colored markers, overlays |
| Positron No Labels | positron-no-labels |
Minimal, clean look |
| OpenStreetMap | default |
Standard, familiar |
Dark & Elegant
| Style | Key | Best For |
|---|---|---|
| Dark Matter | dark |
Night mode, modern sites |
| Dark No Labels | dark-no-labels |
Ultra-minimal dark |
Black & White
| Style | Key | Best For |
|---|---|---|
| Toner | toner |
High contrast, professional |
| Toner Lite | toner-lite |
Subtle B&W, elegant |
Colorful
| Style | Key | Best For |
|---|---|---|
| Voyager | voyager |
Balanced, versatile |
| Terrain | terrain |
Natural, topographic |
| Watercolor | watercolor |
Artistic, unique |
Satellite
| Style | Key | Best For |
|---|---|---|
| Satellite | satellite |
Realistic aerial view |
🎯 How to Use
In Admin Panel
- Go to Admin → Kontakty → Nastavení polohy
- Scroll to "Styl mapy"
- Select from dropdown
- See live preview with your club colors
- Click "Uložit nastavení"
Club Color Integration
- Automatic - Maps use your club's primary color for markers
- Overlay - Subtle color tint (15% opacity) applied to map
- Customizable - Set colors in Settings → Vzhled
💡 Quick Tips
For Red/Blue Clubs: Use Positron or Toner Lite
For Dark Sites: Use Dark Matter
For Professional Look: Use Toner (B&W)
For Nature/Sport: Use Terrain or Voyager
🌟 Examples
Football Club (Red)
Map Style: Toner Lite
Primary Color: #e11d48
Result: Red markers on subtle B&W map
Modern Club (Blue)
Map Style: Dark Matter
Primary Color: #3b82f6
Result: Blue markers on sleek dark map
Traditional Club (Green)
Map Style: Voyager
Primary Color: #16a34a
Result: Green markers on balanced color map
📱 All Styles Are:
✅ Free & Open Source
✅ No API Keys Required
✅ Mobile Responsive
✅ Fast & Cached
✅ Accessible
Pro Tip: Try different styles in the admin preview before publishing!