Як вставити яндекс карту на сайт joomla

Для створення карт, в сервісі Яндекс, передбачений простий і зручний конструктор, який ви знайдете за наступним посиланням.

При цьому, під створенням карти розуміється - визначення прямокутної ділянки на глобальній карті, який буде спочатку відображатися на сторінці вашого сайту.

На головній сторінці конструктора карт, у спливаючому блоці, необхідно клікнути на кнопку "Створити нову карту".

Як вставити яндекс карту на сайт joomla

Як вставити яндекс карту на сайт joomla

Як вставити яндекс карту на сайт joomla

Створюючи мітку, Ви можете вибрати її колір, вид і вміст, у вигляді зображення, яке з'являється безпосередньо в ній. Для завершення створення карти, необхідно натиснути на кнопку "Зберегти і продовжити".

Як вставити яндекс карту на сайт joomla

Після цього сервіс Яндекс Карти, пропонує вибрати розмір майбутньої карти, який Ви можете визначити або, використовуючи текстові поля зліва, або використовуючи мишу, простим перетягуванням, вручну визначити область карти, що відображається користувачам Вашого сайту. Так само в лівому блоці, надається можливість вибору типу карти:

Динамічна - дана карта може управлятися користувачем, тобто він на свій розсуд, може пересуватися по карті, змінювати масштаб, а об'єкти будуть відгукуватися на його дії.

Друкована - карта у форматі зображення з високою роздільною здатністю, яку можна використовувати для друку.

Завершивши всі необхідні настройки, натискаємо на кнопку "Отримати код карти" і копіюємо згенерований код.

Як вставити яндекс карту на сайт joomla

Тепер давайте поговоримо про те, як додати яндекс карту на сайт Joomla. Отже, отриманий код ми можемо додати безпосередньо в цікавить місце шаблону, або, в один з матеріалів Joomla, або ж в сторінку відображення контактної інформації конкретного користувача. Як приклад, я використовую останній варіант.

Як вставити яндекс карту на сайт joomla

Далі переходимо в менеджер контактів і відкриваємо контакт, в інформації якого необхідно відобразити карту. Потім, на вкладці "Додаткова інформація" в текстову область додаємо скопійований корт майбутньої карти.

Як вставити яндекс карту на сайт joomla

Зберігаємо зміни і переходимо в призначену для користувача частину для перевірки результатів нашої роботи.

Як вставити яндекс карту на сайт joomla

Як Ви бачите карта успішно відображається, а значить, питання як вставити яндекс карту на сайт joomla для Вас вичерпано.

Хотів би відзначити, якщо Вам необхідно додати карту в певне місце шаблону то ви можете додати скопійований код безпосередньо в один з файлів шаблону, при цьому звичайно необхідно знати їх структуру. Якщо Ви не знаєте, з яких елементів складаються шаблони Joomla, Вам буде корисний наш міні-курс Створення унікального шаблону на Joomla.
Так само відобразити карту на сторінках сайту Ви можете, використовуючи модуль яндекс карт для joomla, наприклад Yandex Maps Creator. Але на мій погляд, ручне додавання коду, найкраще рішення для даного завдання.

Всього Вам доброго і вдалого кодування.

Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі

Як вставити яндекс карту на сайт joomla

Хочете дізнатися, як створити власний шаблон на CMS Joomla з нуля

Все дуже просто!