Share This

Zarejestrowaliśmy firmę na google, otrzymaliśmy kod aktywacyjny i nasza firma zaistaniała w mapach google.

Dodanie mapy na stronę to czynność która wydaje się banalna, wykonywałem ją dziesiątki razy. Wydaje się że odszukanie kodu nie powinno stanowić problemu. Co jakiś czas jednak mapy google zmieniają się, ma to ułatwić nam korzystanie z nich.
Zmienia się jednak także położenie niektórych funkcji. Dzisiaj złapałem się na tym że nie mogę odnaleźć kodu do wstawienia mapy google na strony internetowe Lublin.



Na przykładzie joomla 3.4 pokaże jak dodać mapę na stronę.
Można to zrobić na dwa sposoby
- moduł wpinacz
- lub pozycja menu - wpinacz
ja dziś użyję sposobu pierwszego ponieważ pozycja menu w której znajdzie się mapka to kontakt z już działającym formularzem kontaktowym.

1. Sprawdzamy czy lokalizacja naszej firmy jest już w mapach. Jest :) a kod podałem wczoraj więc usługa dział coraz szybciej - kiedyś trwało to do dwóch tygodni. Menu w mapach jest wspaniale ukryte :) Klikamy w nie

Responsywne strony www Lublin na joomla

 


2. Klikamy w link "Udostępnij lub umieść na mapie"

Responsywne strony www Lublin na joomla

 


3.Domyślnie pokazuje się opcja "udostępnij link" my jednak chcemy udostępnić mapę klikamy więc drugi link

Responsywne strony www Lublin na joomla

 

 


4. Mamy do wyboru mapę
- mała
- średnia
- duża
- rozmiar niestandardowy

ale ustawienia wielkości mapki w joomla dokonamy w parametrach modułu

Responsywne strony www Lublin na joomla

 



5. kopiuje więc kod z tego okienka

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3518.742172215007!2d21.954721762062295!3d51.4191037414494!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4722796b1414abef%3A0xc923e05ec94c07e2!2s%C5%9Awiat+Dywan%C3%B3w+%22Les%22+Leszek+Kowalczyk!5e0!3m2!1spl!2spl!4v1440769489174" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Responsywne strony www Lublin na joomla

 

 


5. Nie będziemy wklejać całego kodu. Tu na końcu i początku mamy znacznik "iframe" - to właśnie nasz moduł wpinacz oferuje taką funkcje. Z tego kodu interesuje nas część między cudzysłowami

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3518.742172215007!2d21.954721762062295!3d51.4191037414494!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4722796b1414abef%3A0xc923e05ec94c07e2!2s%C5%9Awiat+Dywan%C3%B3w+%22Les%22+Leszek+Kowalczyk!5e0!3m2!1spl!2spl!4v1440769489174


6. Przechodzimy do joomla, zakładka moduły i wybieramy "Utwórz" nowy moduł

Responsywne strony www Lublin na joomla

 



7. Z listy typów modułów wybieramy "Wpinacz". Jak widać w opisie ten moduł służy nie tylko do wpinania mapy google - można przy jego pomocy wczytać dowolną stronę www

Responsywne strony www Lublin na joomla

 


8. Uzupełniamy pola"
- Tytuł - np mapka
- Adres internetowy : adres skopiowny z map google
- szerokość 100%
- wysokośc ja daję 500 (px)
- pozycja modułu - tu w zależności od szablonu

inne pola wg uznania

Responsywne strony www Lublin na joomla

 


9. w zakładce "przypisz do pozycji menu" wybieram "Tylko na zaznaczonych stronach" - na tej stronię będzie to kontakt
Jeśli chcemy nadać jakiś styl modułowi odwiedzamy zakładkę "Wzbogacone"

Responsywne strony www Lublin na joomla

 

 



10. Tak prezentuje się to na stronie puławskiej firmy Świat Dywanów

Responsywne strony www Lublin na joomla



A może tak google street na stronie?

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