Додати в сайт на joomla
Природно, додавати карту на все підряд сайти не варто - в цьому немає необхідності, а ось якщо тематика проекту - подорожі, агентства нерухомості або будь-якого іншого агентства, клієнтам якого Ви хочете вказати своє місце розташування на карті міста, то компонент yandexmap ідеально підходить для втілення задуманого . Але для цього нам необхідно завантажити сам компонент і отримати api-ключ, завдяки якому і буде генеруватися карта.
Установка компонента yandexmap
Отже, в першу чергу викачуємо компонент yandexmap. Отриманий архів розпаковуємо і отримуємо дві .zipовскіх папки: com_yandexmap_1.2.0.zip і plg_yandexmaps_v2.0.zip. Це сам компонент і плагін, який обов'язковий до установки і тепер залишається тільки їх закачати на движок. Для цього заходимо в адміністративну панель нашого сайту на Joomla і вибираємо Розширення - Встановити \ Видалити і на сторінці вибираємо тип закачування файлів на движок - "Завантажити файл пакет"
Натискаємо на кнопку "Виберіть файл" (стрілочка 1), у випадаючому вікні вибираємо місце де лежить наш архів com_yandexmap_1.2.0.zip і потім закачуємо його, натиснувши на кнопку "Завантажити файл Встановити "(стрілочка 2). В результаті з'являється вікно з повідомленням що компонент успішно встановлений, а якщо ми зайдемо у вкладку Компоненти, то побачимо пункт Яндекс.Карти (стрілочка 1), натиснувши на який випадає вікно з пунктами налаштувань (стрілочка 2).
Таким же чином встановлюємо і plg_yandexmaps_v2.0.zip
Для продовження установки Яндекс.Карти на joomla нам необхідно включити встановлений плагін, щоб це здійснити проходимо в адміністративній панелі в Розширення - Модулі. Відкривається список встановлених плагінів, в якому шукаємо рядок Яндекс.Карти
і активуємо його.
Отримання API - ключа карти Яндекс
А для цього на сторінці просто кликаю по посиланню "сторінку отримання API-ключа"
І ось тільки після цього відкривається сторінка з мої api -Ключі, для генерації Яндекс.Карти, який я благополучно копіюю.
Також на сторінці наведено приклад де необхідно розмістити, але він для нас не важливий, так як ми будемо вставляти карту на сайту joomla за допомогою компонента yandexmaps.
Додавання Яндекс.Карти на joomla
Отриманий ключ необхідно активувати в Настройках нашого компонента yandexmaps. Для цього в адміністративній панелі сайту заходимо в Компоненти - Яндекс.Карти і на сторінці Панелі управління компонента натискаємо на кнопку "Налаштування", розташованої в правому верхньому куті.
Відкриється вікно, де в рядку "Yandex Maps API ключ" вставляємо скопійований нами раніше ключ, а ось налаштування пункту "Виводити на екран інформацію про Yandex" залежить від ваших уподобань, але в будь-який момент можна їх змінити. Зберігаємо зміни, внесені пізніше натиснувши на кнопку "Зберегти"
Все ключ активували, тепер залишилося створити тільки карту, маркер і вставити Яндекс.Карти до статті.
Спочатку нам необхідно створити карту, для цього в панелі управління компонентом натискаємо по пункту "Карти" - "Новий"
З'являється сторінка, де необхідно прописати основні настройки карти, а так само і додаткові параметри, які можна залишити за замовчуванням або змінити вже після установки карти на сайт, щоб бачити кінцевий результат.
Отже, розглянемо основні настройки:
- Тема - тут прописуємо назву нашої карти на кирилиці
- Ім'я користувача - той же заголовок тільки на латиниці
І таким чином координати у нас в налаштуваннях виставлять автоматично.
- Збільшення - тут можна вказати у скільки разів буде збільшуватися карта при кліці миші або рухом коліщатка.
- Ширина і Висота карти - тут вказуємо в пікселях розмір карти, який виходить від можливостей сторінки її відображення. Я для свій встановила 595 на 400
- Версія API Yandex - залишаємо за замовчуванням
Область Розширених налаштувань карти відповідає за функціонал Яндекс.Карти і її оформлення. Ви можете потім в процесі роботи карти змінювати налаштування кожного пункту під себе. Тут все зрозуміло на інтуїтивному рівні, що не має сенсу їх описувати.
Зберігаємо вироблені настройки, натиснувши на кнопку "Зберегти" і ми бачимо, що в панелі з'явилася щойно створена нами карта.
- вставити карту на сторінку або в контент сайту
Так як мені необхідно розмістити Яндекс.Карти на сторінці, я копіюю перший код, відкриваю необхідну мені статтю або сторінку на редагування і вставляю в необхідне мені місце в статті. Зберігаю вироблені настройки. Хочу зауважити, що ми можемо робити різні зміни в межах створеної нами мапі неодноразово і при цьому вже не вносити зміни до статті.
Для початку слід прописати основні настройки маркера:
- Тема мітки - щоб не плутатися прописуємо теж що і в першому полі
- Карта - тут вказуємо для якої карти слід застосувати даний маркер
На цьому основні настройки завершені, а настройки самого маркера дуже прості - спочатку вказуємо ширину і довготу, потім вибираємо дизайн маркера. Все просто і легко, зберігаємо налаштування і в панелі маркери бачимо створену нами мітку.
Ось тепер можна зайти на сторінку, де ми хотіли бачити відображення Яндекс.Карти і подивитися що ж у нас вийшло
Така карта може з'явитися і на Вашому сайті, яка допоможе Вашим клієнтам орієнтуватися в місті.
На сім я закінчую, поставлена задача - додати Яндекс.Карти на сайту joomla мною виконана. Вам успіхів у Ваших починаннях і до нових зустрічей на lediseo.ru