gitea
d4a37aca52
QoL 2/2: pole „Szukaj miejsca" (nazwa/adres/POI) + interaktywna mapa na formularzach horoskopu / interpretacji / kalendarza. Bez klucza API. - geocode.py: proxy OSM/Nominatim PO STRONIE SERWERA (poprawny User-Agent, throttling ~1 req/s, cache TTL 1h) — endpointy /geocode i /reverse. Wolanie z serwera, nie z przegladarki: latwiej trzymac polityke Nominatim i dziala niezaleznie od secure-context (http://<ip>). - _location_picker.html: wspolny partial (search + wyniki + mapa + atrybucja), wpiety includem do 3 formularzy z polami lat/lon. - geo.js: Leaflet — wyszukiwanie (debounce), klik na wynik ustawia lat/lon i centruje mape, klik/drag pineski ustawia wspolrzedne + /reverse pokazuje nazwe; sync z „Tu i teraz" (now.js emituje event astrololo:coords). - Leaflet 1.9.4 vendorowany lokalnie (static/vendor/leaflet, BSD-2-Clause, permisywny) — niezaleznosc od CDN; kafelki mapy z OSM. Marker jako divIcon (bez plikow PNG). - styles.css: style pod ciemny motyw. Zweryfikowane w przegladarce: domyslny widok (pineska na Szpitalu Barlickiego), wyszukanie „Wawel Krakow" -> lista -> klik ustawia 50.0547/19.9361 i przesuwa mape, klik w mape ustawia wspolrzedne + reverse wypelnia nazwe. Zero bledow w konsoli. /geocode i /reverse zwracaja szpital; cache dziala. Uwaga wdrozeniowa: pod prezentacji potrzebuje egressu do nominatim.openstreetmap.org; przegladarki — do tile.openstreetmap.org. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
21 lines
1.1 KiB
HTML
21 lines
1.1 KiB
HTML
{# Wyszukiwarka lokalizacji + interaktywna mapa (OpenStreetMap / Leaflet, bez klucza API).
|
|
Wklejana do formularzy z polami input[name=lat] / input[name=lon]. Samowystarczalna:
|
|
ładuje CSS/JS Leafleta (vendorowane lokalnie) oraz geo.js. Kafelki mapy lecą z OSM. #}
|
|
<link rel="stylesheet" href="/static/vendor/leaflet/leaflet.css">
|
|
<div class="geo" id="geoPicker">
|
|
<div class="geo-search">
|
|
<input type="search" id="geoSearch" autocomplete="off"
|
|
placeholder="Szukaj miejsca (np. Szpital Barlickiego, Łódź)…">
|
|
<button type="button" id="geoSearchBtn" class="ghost">Szukaj</button>
|
|
<button type="button" id="geoMapToggle" class="ghost">Ukryj mapę</button>
|
|
</div>
|
|
<ul id="geoResults" class="geo-results" hidden></ul>
|
|
<div id="map" class="geo-map"></div>
|
|
<p class="muted small geo-attrib">
|
|
Wyszukiwarka i mapa: © <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap</a>
|
|
contributors (Nominatim). Kliknij mapę lub przeciągnij pineskę, by ustawić współrzędne.
|
|
</p>
|
|
</div>
|
|
<script defer src="/static/vendor/leaflet/leaflet.js"></script>
|
|
<script defer src="/static/geo.js"></script>
|