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
2. Klikamy w link "Udostępnij lub umieść na mapie"
3.Domyślnie pokazuje się opcja "udostępnij link" my jednak chcemy udostępnić mapę klikamy więc drugi link
4. Mamy do wyboru mapę
- mała
- średnia
- duża
- rozmiar niestandardowy
ale ustawienia wielkości mapki w joomla dokonamy w parametrach modułu
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>
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ł
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
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
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"
10. Tak prezentuje się to na stronie puławskiej firmy Świat Dywanów
A może tak google street na stronie?