Przejdź do głównej zawartości

uMap

Jak w uMap udostępnić mapę przez iframe tak, aby była wycentrowana na wybranym punkcie i miała ustawiony konkretny poziom przybliżenia (zoom)?​

1. Przez panel udostępniania (najprościej)

  1. Otwórz mapę w trybie edycji lub podglądu i ustaw widok dokładnie tak, jak ma wyglądać w iframe — przesuń mapę na punkt i ustaw zoom.
  2. Kliknij ikonę udostępniania (strzałka / „Udostępnij i pobierz").
  3. W sekcji z kodem iframe zaznacz opcję „Aktualny widok zamiast domyślnego widoku mapy" (ang. Current view instead of default map view).
  4. Skopiuj wygenerowany kod — będzie zawierał parametry centrowania i zoomu.

2. Ręcznie w adresie URL

Pozycję i zoom kontroluje fragment na końcu adresu w formacie #zoom/szerokość/długość. Wystarczy dopisać go do src w iframe:

<iframe width="100%" height="400" frameborder="0"
  src="https://umap.openstreetmap.fr/pl/map/nazwa-mapy_123456?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&editMode=disabled&moreControl=true&captionBar=false#16/53.4285/14.5528">
</iframe>

W tym przykładzie #16/53.4285/14.5528 oznacza zoom 16 wycentrowany na podanych współrzędnych (lat/lng). Możesz to dowolnie zmieniać bez ruszania samej mapy — wygodne, gdy jedna mapa ma być osadzona w kilku miejscach z różnym widokiem.

Przydatne dodatkowe parametry w query stringu: scrollWheelZoom=false (mapa nie przechwytuje scrolla na stronie), miniMap=true (minimapka), captionBar=false (ukrywa pasek tytułu), datalayers=id1,id2 (pokazuje tylko wybrane warstwy).

Ewentualnie trzecia opcja: w ustawieniach samej mapy (edycja → opcje mapy → „Zapisz aktualny widok jako domyślny") możesz na stałe zapisać widok startowy — wtedy iframe bez żadnych parametrów też otworzy się we właściwym miejscu, ale zmieni to widok domyślny dla wszystkich.