Mapa interaktywna to jedno z najskuteczniejszych narzędzi w Budżecie Obywatelskim. Pozwala mieszkańcom szybko znaleźć projekty w swojej okolicy i zrozumieć rozkład inwestycji w mieście.
Dlaczego mapy działają?
- 73% mieszkańców szuka najpierw projektów w swojej dzielnicy
- Wizualizacja geograficzna jest intuicyjna
- Mapa buduje zrozumienie całego procesu
- Ułatwia porównywanie lokalizacji
Funkcje mapy BO
Podstawowe:
- Pinezki z lokalizacją projektów
- Kliknięcie → szczegóły projektu
- Filtrowanie po kategorii/dzielnicy
- Wyszukiwanie adresu
Zaawansowane:
- Klastry (grupowanie wielu projektów)
- Warstwy (tereny gminne, dzielnice)
- Heat mapy głosów
- Porównanie edycji (co zrealizowano)
Integracja z geoportalem
Źródła danych:
- Geoportal krajowy (działki, adresy)
- BDOT10k (budynki, drogi)
- Dane gminne (tereny własne, plany)
Warstwy informacyjne:
| Warstwa | Źródło | Zastosowanie |
|---|---|---|
| Działki | Geoportal | Weryfikacja własności |
| Budynki | BDOT | Kontekst lokalizacji |
| Dzielnice | Gmina | Podział BO |
| Projekty BO | System | Wizualizacja |
Implementacja techniczna
Biblioteki mapowe:
- Leaflet - open source, lekki
- Mapbox GL - zaawansowana grafika
- Google Maps - najpopularniejszy
Rekomendacja dla BO: Leaflet + OpenStreetMap (bezpłatne, bez limitów)
Przykład kodu:
const map = L.map('map').setView([54.35, 18.65], 12);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
projects.forEach(p => {
L.marker([p.lat, p.lng])
.bindPopup(`<b>${p.title}</b><br>${p.category}`)
.addTo(map);
});UX mapy dla BO
Mobile-first:
- Przyciski wystarczająco duże
- Gesty: pinch-to-zoom, swipe
- Geolokalizacja użytkownika
- Offline cache kafelków
Dostępność:
- Alternatywa tekstowa (lista projektów)
- Kontrast kolorów znaczników
- Obsługa klawiatury
Analiza geograficzna
Rozkład projektów:
- Czy wszystkie dzielnice mają reprezentację?
- Gdzie są “białe plamy”?
- Czy zwycięskie projekty są równomiernie rozłożone?
Analiza głosów:
- Skąd pochodzą głosujący?
- Czy głosują “lokalnie”?
- Które obszary są najbardziej aktywne?
Case study: Poznań
Po wdrożeniu interaktywnej mapy:
- +34% czasu na stronie
- +18% projektów ze zdefiniowaną lokalizacją
- Łatwiejsza weryfikacja (widać kontekst)
Podsumowanie
Mapa interaktywna w BO to:
- Intuicyjna nawigacja po projektach
- Wsparcie dla lokalnego patriotyzmu
- Narzędzie analityczne dla urzędu