Joomla 3.x. Як змінити позицію карти Google (на Головній сторінці)

З цього туторіал ви дізнаєтеся, як змінити позицію карти Google (на Головній сторінці) в шаблонах Joomla 3.x.

Joomla 3.x. Як змінити позицію карти Google (на Головній сторінці)

Карта Google, яка відображається на домашній сторінці вашого сайту, редагується інакше, ніж карта Google зі сторінки Контактів. У більшості випадків ця карта відображається зі статті з вбудованим кодом HTML.

1. Увійдіть в панель управління Joomla і перейдіть в розділ Система (System) -> Загальна конфігурація (Global Configuration).

2. Знайдіть параметр Редактор за замовчуванням (Default Editor) і виберіть Редактор (Editor) - Code Mirror або Редактор (Editor) - None зі списку:

   

   УВАГА: Ви не зможете побачити код завантаження карти Google в статті, якщо активований редактор «TinyMCE» (редактор Joomla за замовчуванням).

3. Натисніть кнопку Зберегти (Save) у правому верхньому кутку, щоб зберегти зміни.

4. Тепер ми повинні перевірити, яка стаття містить код карти Google. Перейдіть в меню Розширення (Extensions) -> Менеджер модулів (Module Manager).

5. Відсортуйте модулі по типу "Статті (Articles) - Поодинокі (Single)" і виберіть потрібний модуль зі списку. У нашому випадку, це модуль "Location" в позиції «bottom»:

   

6. Перевірте ім'я статті в поле параметра Виберіть Статтю (Select Article). У нашому прикладі це стаття "Map":

   

7. Тепер знайдіть і відкрийте цю статтю в Менеджері Статей (Article Manager):

   

8. В області тексту ви побачите код карти:

   <Iframe width = "570" height = "217" frameborder = "0" scrolling = "no" marginheight = "0" marginwidth = "0" src = "http://maps.google.com/maps?f=q&amp ; source = s_q & amp; hl = en & amp; geocode = & amp; q = Brooklyn, + New + York, + NY, + United + States & amp; aq = 0 & amp; sll = 37.0625, -95.677068 & amp; sspn = 61.282355,146.513672 & amp; ie = UTF8 & amp; hq = & amp; hnear = Brooklyn, + Kings, + New + York & amp; ll = 40.649974, -73.950005 & amp; spn = 0.01628,0.025663 & amp; z = 14 & amp; iwloc = A & amp; output = embed "> </ iframe >

   

9. Цей код (посилання на вбудовану карту) треба відредагувати або замінити новим:

   http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Brooklyn,+New+York,+NY,+United+States&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie= UTF8 & hq = & hnear = Brooklyn, + Kings, + New + York & ll = 40.649974, -73.950005 & spn = 0.01628,0.025663 & z = 14 & iwloc = A & output = embed

10. Для створення власного коду вбудованої карти перейдіть за посиланням https://www.google.com/maps .

11. Вкажіть Вашу електронну адресу в поле пошуку.

12. Виберіть необхідну позицію і рівень масштабування карти за допомогою миші і кнопки керування мапою.

13. Натисніть на іконці налаштувань в правому нижньому кутку сторінки. Виберіть меню Поділіться з друзями або отримайте код карти (Share and embed map) зі списку доступних варіантів:

    

14. Перейдіть на вкладку Код (Embed Map). Скопіюйте код, згенерований для вашої карти Google. Він буде виглядати наступним чином:

    <Iframe src = "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d214587.41156412518!2d-96.73133959999998!3d32.82066454999999!2m3!1f0!2f0!3f0!3m2! 1i1024! 2i768! 4f13.1! 3m3! 1m2! 1s0x864c19f77b45974b% 3A0xb9ec9ba4f647678f! 2sDallas% 2C + TX! 5e0! 3m2! 1sen! 2s! 4v1414173355244 "width =" 600 "height =" 450 "frameborder =" 0 "style =" border: 0 "> </ iframe>

    

15. Цю частину коду треба використовувати в вашій статті (значення атрибута src):

    https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d214587.41156412518!2d-96.73133959999998!3d32.82066454999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13 .1! 3m3! 1m2! 1s0x864c19f77b45974b% 3A0xb9ec9ba4f647678f! 2sDallas% 2C + TX! 5e0! 3m2! 1sen! 2s! 4v1414173355244

16. Замініть вихідний код згенерував.

17. Новий код карти буде виглядати, як:

    <Iframe width = "570" height = "217" frameborder = "0" scrolling = "no" marginheight = "0" marginwidth = "0" src = "https://www.google.com/maps/embed?pb =! 1m18! 1m12! 1m3! 1d214587.41156412518! 2d-96.73133959999998! 3d32.82066454999999! 2m3! 1f0! 2f0! 3f0! 3m2! 1i1024! 2i768! 4f13.1! 3m3! 1m2! 1s0x864c19f77b45974b% 3A0xb9ec9ba4f647678f! 2sDallas% 2C + TX! 5e0! 3m2! 1sen! 2s! 4v1414173355244 "> </ iframe>

18. Натисніть кнопку Зберегти (Save) у правому верхньому кутку після завершення всіх дій.

19. Оновлення сайт, щоб побачити зміни. Тепер позиція карти Google на Головній сторінці вашого сайту успішно змінена.

На цьому туториал добігає кінця. Тепер ви знаєте, як змінити позицію карти Google на Головній сторінці в шаблонах Joomla 3.x.

Ви також можете скористатися детальної відео-інструкцією:

Joomla 3.x. Як змінити позицію карти Google (на Головній сторінці)