mirror of
https://github.com/Dvorinka/MyClubServer.git
synced 2026-06-04 18:52:56 +00:00
Tomáš Dvořák
90 lines
2.2 KiB
Markdown
90 lines
2.2 KiB
Markdown
# 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!
|