Pytanie „w jakim programie zrobić wirtualny spacer” zakłada zwykle, że jest jeden program od początku do końca. W praktyce spacer powstaje w trzech etapach i na każdym potrzebujesz czegoś innego: sprzętu do zdjęć sferycznych, programu, który łączy panoramy w trasę, i miejsca, w którym spacer będzie się wyświetlał. Wstawienie go na stronę to dopiero czwarty krok.
Ten wpis powstał w 2021 roku jako instrukcja osadzania spaceru w WordPressie. We wrześniu 2026 dopisałem część o programach i poprawiłem kroki, bo w Mapach Google przycisk udostępniania zmienił miejsce.
Z czego składa się wirtualny spacer
Spacer to kilka albo kilkanaście panoram 360 stopni połączonych tak, żeby dało się przechodzić z jednego punktu do drugiego. Szerzej o tym, czym są spacery wirtualne, piszę osobno. Tutaj liczą się trzy etapy:
- Zdjęcia sferyczne. Każdy punkt spaceru to jedna panorama. Robi się ją aparatem 360 albo zwykłym aparatem na statywie z głowicą panoramiczną, a potem skleja kilkanaście ujęć w programie, na przykład w PTGui. Ja pracuję aparatem Ricoh Theta Z1 i każdą panoramę obrabiam ręcznie, zamiast brać gotowy plik prosto z aparatu.
- Połączenie panoram w trasę. To jest właściwy „program do spaceru”. Ustawiasz w nim, z którego punktu da się przejść do którego i gdzie patrzy gość po wejściu. Google w swojej pomocy pisze wprost, że do łączenia zdjęć sferycznych w spacer służą aplikacje innych firm.
- Publikacja. Spacer musi gdzieś być: w Mapach Google przy wizytówce firmy albo w serwisie, który go przechowuje i daje kod do wstawienia na stronę.
W jakim programie zrobić wirtualny spacer
Wybór zależy głównie od tego, gdzie spacer ma się wyświetlać.
| Narzędzie | Co to jest | Kiedy ma sens |
|---|---|---|
| Mapy Google | publikacja panoram przy wizytówce firmy, łączenie przez aplikacje innych firm | lokal, biuro albo hotel, który chce mieć spacer widoczny w Mapach |
| Kuula | serwis w przeglądarce, w darmowym planie zbudujesz cały spacer i osadzisz go z ograniczeniami | mieszkanie na sprzedaż albo miejsce bez wizytówki, spacer do linku w ogłoszeniu |
| 3DVista, Pano2VR | płatne programy na komputer, gotowy spacer trzymasz na własnym serwerze | spacer z własnym wyglądem, opisami i planem pięter |
| Matterport | usługa w chmurze, która buduje model przestrzeni | inna technologia niż spacer z panoram 360 |
Spacery po firmach publikuję w Mapach Google, bo wtedy spacer widać bezpośrednio przy wizytówce. Spacery po mieszkaniach na sprzedaż robiłem w serwisie Kuula, bo mieszkanie nie ma wizytówki, a link do spaceru trafia do ogłoszenia.
Jak samemu zrobić wirtualny spacer
Pojedynczą panoramę zrobisz sam aparatem 360. Schody zaczynają się przy całym spacerze, i to zwykle w trzech miejscach:
- Światło. Panorama widzi cały pokój naraz, więc w jednym kadrze masz jasne okno i ciemny kąt. Aparat nie wyrówna tego sam, trzeba kilku ekspozycji albo obróbki.
- Stała wysokość. Każdą panoramę robisz z tej samej wysokości i ze statywu, inaczej przejście między punktami wygląda nienaturalnie.
- Twarze i tablice rejestracyjne. Przed publikacją w Mapach Google trzeba je zamazać.
Cały proces, od planu punktów po publikację, opisałem krok po kroku we wpisie jak zrobić wirtualny spacer.
Jeśli masz już gotowy spacer, poniżej jest instrukcja, jak wstawić go na stronę.
Jak dodać wirtualny spacer na stronę WordPress w 8 krokach
Instrukcja dotyczy spaceru opublikowanego w Mapach Google. Spacer z serwisu Kuula albo innego wstawia się tak samo, tylko kod kopiujesz z przycisku udostępniania w tamtym serwisie. Całość zajmuje kilka minut.
1. Otwórz Mapy Google na komputerze
Wejdź na maps.google.com w przeglądarce na komputerze. Opcja osadzania jest w wersji na komputer.
2. Znajdź swoją firmę
Wpisz nazwę albo adres firmy w polu wyszukiwania w lewym górnym rogu i otwórz jej wizytówkę. Jeśli firmy nie ma jeszcze w Mapach, zacznij od tego, jak dodać firmę w Mapach Google.
3. Otwórz spacer
W wizytówce przejdź do zdjęć i wybierz kafelek „Street View i zdjęcia sferyczne”. Kliknij panoramę, od której ma się zaczynać spacer.
4. Ustaw widok startowy
Obróć panoramę i przejdź do miejsca, które gość strony ma zobaczyć jako pierwsze: wejście, recepcję albo najciekawszy fragment sali. Kod zapamięta dokładnie ten kierunek i to przybliżenie.
5. Skopiuj kod z okna „Umieszczanie mapy”
Kliknij „Udostępnij” w prawym górnym rogu panoramy, a potem wybierz „Umieszczanie mapy”. Rozmiar zostaw dowolny, poprawisz go w następnym kroku. Kliknij „Kopiuj HTML”.
6. Popraw szerokość i wysokość
Skopiowany kod ma na sztywno 600 na 450 pikseli. Na telefonie taki spacer może wyjść poza ekran, a na szerokiej stronie wygląda jak znaczek. Zmień w kodzie width="600" na width="100%", a wysokość ustaw na 400 do 500 pikseli. Wtedy spacer dopasuje się do szerokości strony na każdym ekranie.
7. Otwórz stronę albo wpis w WordPressie
Zaloguj się do panelu (twojadomena.pl/wp-admin). Nowy wpis albo stronę dodasz z górnego paska przez „Dodaj”, istniejącą otworzysz z listy „Wpisy” albo „Strony”. Spacer dobrze sprawdza się na stronie kontaktowej, obok adresu i mapy dojazdu, którą wstawia się tą samą metodą.
8. Dodaj blok „Własny HTML” i wklej kod
Kliknij plus, wpisz „HTML” i wybierz blok „Własny HTML”. Wklej kod, przełącz na „Podgląd”, żeby sprawdzić, czy spacer się wczytuje, i zapisz stronę. Kodu nie wklejaj do zwykłego akapitu, bo WordPress pokaże go jako tekst.
Tak wygląda gotowy spacer na stronie
Poniżej ten sam kod w praktyce: spacer po Hotelu Partner w Warszawie, który zrobiłem i opublikowałem w Mapach Google. Przyciski z prawej strony przełączają poziomy budynku.
Więcej o tej realizacji: wirtualny spacer po Hotelu Partner.
Gdy spacer się nie wyświetla
- Widać kod zamiast spaceru. Kod trafił do zwykłego akapitu. Przenieś go do bloku „Własny HTML”.
- Spacer wychodzi poza ekran telefonu. W kodzie została szerokość w pikselach. Zmień ją na 100%.
- W miejscu spaceru jest szare pole z prośbą o zgodę. Wtyczka do plików cookie wstrzymuje treści z Google do czasu akceptacji. To działanie wtyczki, a nie błąd w kodzie.
- Spacer startuje z innego miejsca, niż chciałeś. Kod zapamiętał widok z chwili kopiowania. Ustaw widok jeszcze raz i skopiuj kod od nowa.
Nie masz jeszcze spaceru
Jeśli wolisz zlecić zdjęcia i publikację, robię wirtualne spacery 360 po lokalach, biurach i hotelach w Warszawie. Cena zależy od liczby panoram i układu obiektu.
