upload

DOCS/MAP_STYLES_QUICK_REFERENCE.md

@@ -0,0 +1,89 @@
+# 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
+1. Go to **Admin → Kontakty → Nastavení polohy**
+2. Scroll to "Styl mapy"
+3. Select from dropdown
+4. See live preview with your club colors
+5. 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!