Share This

Google street view które jeszcze niedawno dostępne było tylko za oceanem i to w większych miastach w tej chwili obejmuje nawet mniejsze miasteczka w Polsce. Dynamika rozwoju tej usługi jest zadziwiającą. Można obejrzeć przed wyjazdem nieznane miejsce lub sprawdzić czy pod danym adresem znajduje się firma której szukamy.

Można google street osadzić na naszej stronie internetowej żeby jeszcze ułatwić klientom dotarcie do naszego biura czy sklepu. Nie jest to jeszcze tak popularne - umieszczenie na stronie www - jak mapa google, a trzeba być świadomym że nie każdy wie jak uruchomić google street view z poziomu mapy google.



W tym poradniku pokaże jak umieścić widok street view poniżej mapki google w stronie internetowej na cms joomla. Metoda jest identyczna jak przy mapie google.
Możemy to zrobić na dwa sposoby:
- moduł wpinacz i przypisanie jego do konkretnej zakładki naszej strony www Lublin
- pozycja menu wpinacz

1. Przechodzimy do map google i wyszukujemy interesującą nas lokalizację. Mamy google dość często się zmieniają a dodatkowo są okresy kiedy możemy zdecydować czy chcemy używać nowej czy starej wersji - szczególnie osoby mające konta na webmaster google. Nie chcę w tej chwili nawet sprawdzać jaka to wersja map. Nie jest to ważne. Szczególnie że za jakiś bliżej nie określony czas ta porada może stracić na aktualności wraz z nowymi funkcjonalnościami map google.

W prawym dolnym rogu mamy ikonkę żółtego ludzika.

google street view na strony www Lublin na Joomla

 

2. Kiedy na nią najedziemy myszką pojawią się informacja "Przeglądaj zdjęcia w Street View"

google street view na strony www Lublin na Joomla

 

 

3. Chwytamy ikonkę i przeciągamy na mapę google. Pojawia się błękitne podświetlenie ulic które zostały sfotografowane przez samochody google i mamy możliwość użycia funkcji street view - czyli wirtualnej wycieczki.

Kursor przeciągamy jak najbliżej miejsca które nas interesuje - nie będzie wtedy potrzeby wędrowania po okolicy. Przy kursorze dodatkowo pojawia się mały pogląd miejsca.

google street view na strony www Lublin na Joomla

 

 

4. Z chwilą upuszczenia kursora na jedną z błękitnych ulic przenosi nas do widoku wycieczki wirtualnej.
Funkcja udostępniania i umieszczania tego widoku na stronie www ukryta jest pod trzema kropeczkami z lewej strony
W tym momencie możemy do google street dodać kilka fotografii naszej firmy - ta funkcja dostępna jest na dole ekranu

google street view na strony www Lublin na Joomla

 

5. Po najechaniu kursorem na kropki pojawia się menu z którego wybieramy "Udostępnij lub umieść obraz"

google street view na strony www Lublin na Joomla

 

 

6. Pojawia się okienko - domyślnie aktywna jest opcja "Udostępnij link" my klikamy na "Umieść zdjęcie" - tłumaczenie dość mylące i nie pomaga w odnalezieniu interesującej nas funkcji.

google street view na strony www Lublin na Joomla

 

 

7. W zakładce "Umieść zdjęcie" mamy do wyboru kilka opcji wielkości mapy. My będziemy umieszczać google street view w joomla więc...

google street view na strony www Lublin na Joomla

 

 

8. Pobieramy kod z okienka podświetlonego na niebiesko.


<iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1spl!2sus!4v1440848791291!6m8!1m7!1sfwmt4e6cErImeH-3l2B9_g!2m2!1d51.4190483!2d21.9548937!3f268.69644138006277!4f-0.035915351057568046!5f0.7820865974627469" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

google street view na strony www Lublin na Joomla

 

9. Tak jak przy wstawianiu na stronę mapy google interesuje nas tylko część kodu

https://www.google.com/maps/embed?pb=!1m0!3m2!1spl!2sus!4v1440848791291!6m8!1m7!1sfwmt4e6cErImeH-3l2B9_g!2m2!1d51.4190483!2d21.9548937!3f268.69644138006277!4f-0.035915351057568046!5f0.7820865974627469

 

10. Przechodzimy do naszej strony www Puławy na joomla do zakładki "rozszerzenia >> moduły". Klikamy zielony button "Utwórz"

google street view na strony www Lublin na Joomla

 

11. Z listy modułów wybieramy "wpinacz"

google street view na strony www Lublin na Joomla

 

 12. Nadajemy nazwę modułowi i uzupełniamy pola
- Adres internetowy - tu podajemy link skopiowany z google street view - część usuwamy tak jak wcześniej prezentowałem
- szerokość ustawiamy na 100% - ważne przy stronach responsywnych
- wysokość jak chcemy
- podajemy pozycję modułu

W zakładce "Przypisz do pozycji menu" zaznaczamy gdzie moduł ma się pojawiać
W zakładce "Wzbogacone" możemy przypisać jakiś styl modułu

google street view na strony www Lublin na Joomla

 

13. Tak wygląda to w zakładce kontakt na stronie puławskiej firmy "Świat Dywanów"

 

google street view na strony www Lublin na Joomla

 

 

 

 

 

 

 





Przydało się? - Udostępnij

Blog - popularne

Specified key was too long; max key length is 767 bytes - błąd podczas przywracania strony za...

Klient poprosił mnie o zwiększenie wersji PHP do najnowszej wersj PHP 7.2. Przy stronach firmowych najczęściej nie wykonuję takich operacji z automatu tylko staram się na początek sprawdzić czy jest...
Czytaj dalej

Akeeba Kickstart - czyli jak przywrócić stronę internetową Joomla 3 z kopii zapasowej Akeeba Backup

Przenosimy stronę na CMS joomla na inny serwer. Mając wykonaną za pomocą Akeeba Backup kopię strony www możemy ją przenieść w krótkim czasie na dowolny serwer. Czas wysyłania na serwer rozpakowanych...
Czytaj dalej

Jak zrobić banner slideshow w joomla 3 - dodatek Roksprocket dla strony www na joomla

Roksprocket dla Joomla czyli jak zrobić banner dla naszej strony internetowej na joomla. Roksprocket do moduł którego wersja występuje także dla wordpressa. Można za jego pomocą wykonać nie tylko...
Czytaj dalej

Jak dodać firmę do Google Maps

Tworząc firmową stronę internetową prawie zawsze umieszczamy na niej mapę z lokalizacją firmy. Czasy statycznych map graficznych minęły dawno temu. Teraz najczęściej szukamy firm na google które ma...
Czytaj dalej

Jak dodać film z youtube stronę www na joomla - dodatek AllVideos od Joomla Works

Niezbyt często korzystam w wykonywanych stronach www z możliwości osadzania w nich wideo. Jeśli klienci mają przygotowane materiały wideo warto je wykorzystać nie tylko z powodu lepszego zapoznania...
Czytaj dalej

Jak wykonać przekierowanie DNS domeny zarejestrowanej na home.pl na serwer nazwa.pl - na którym...

Przekierowanie DNS wykonujemy kiedy domenę zarejestrowaliśmy w jednej firmie, a hosting dla naszej strony internetowej wykupiliśmy w innej. Dzisiaj pokażę jak przekierować domenę zarejestrowaną na...
Czytaj dalej

Przezroczystość w plikach PNG - jak zapisać plik z PNG z przezroczystością w Adobe Photoshop dla...

Format .png to drugi w kolejności po .jpg format plików graficznych wykorzystywany w czasie tworzenia stron internetowych. Oczywiście większość użytkowników internetu najbardziej kojarzy .jpg bo w...
Czytaj dalej

WordPress - jak wykonać kopię zapasową strony www na WordPress za pomocą Akeeba Backup

WordPress podobno nie sprawia problemów, ale dmuchając na zimne - kopię strony www należy wykonać jeśli zależy nam na bezpieczeństwie naszych danych. Akeeba Backup to narzędzie które powstało jako...
Czytaj dalej

Akeeba Backup - jak wykonać kopię strony www na CMS Joomla 3

Akeeba Backup pozwala na tworzenie kopii na wszystkich wersjach joomla - tu w wersji dla Joomla 3 Mając stronę internetową utrzymywaną na dobrym hostingu nie musimy martwić się o wykonywanie kopii...
Czytaj dalej