---
title: Обзор Linky Map. Создание своей карты
description: Linky Map – расширение Joomla для создания своих собственных векторных карт на основании Google GeoChart с выделением регионов, нанесением меркеров и подписями
canonical_url: https://aleksius.com/joomla/rasshireniya/linky-map
language: ru-RU
date: 2023-11-11T06:27:09Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/linky-map.
markdown-tokens: 3209
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/linky-map. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Обзор Linky Map. Создание своей карты
- [Купить Linky Map на официальном сайте разработчика](https://www.joomunited.com/products/linky-map/?atid=5 "Легально, без посредников и переплат").
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/linky-map#video-obzor "Видео обзор").
- [Особенности Linky Map](https://aleksius.com/joomla/rasshireniya/linky-map#osobennosti-linky-map "Особенности Linky Map").
- [Векторные карты Google](https://aleksius.com/joomla/rasshireniya/linky-map#vektornye-karty-google "Векторные карты Google").
- [Настраиваемые векторные карты](https://aleksius.com/joomla/rasshireniya/linky-map#nastraivaemye-vektornye-karty "Настраиваемые векторные карты").
- [Поля и группы полей](https://aleksius.com/joomla/rasshireniya/linky-map#polya-i-gruppy-polej "Поля и группы полей").
- [Настройки Linky Map](https://aleksius.com/joomla/rasshireniya/linky-map#nastrojki-linky-map "Настройки Linky Map").
- [Вывод карты на сайт](https://aleksius.com/joomla/rasshireniya/linky-map#vyvod-karty-na-sajt "Вывод карты на сайт").
- [Русификатор](https://aleksius.com/joomla/rusifikatory/rusifikator-linky-map "Русификатор Linky Map").
Linky Map – русскоязычный компонент Joomla для создания собственных векторных карт на сайте на базе Google GeoChart.
## Видео обзор
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").
Карты прекрасно отображаются на мобильных устройствах, на них нет ничего лишнего. Только страны, области и отмеченные Вами точки. Можно создавать сколько угодно карт. Каждая карта может отображать как весь мир с нанесёнными на нём точками/маркерами, так и отдельные страны, континенты с маркерами. К сожалению, добавлять разметку на карту нельзя. Границы стран, областей и городов автоматически подтягиваются из [Google GeoChart](https://developers.google.com/chart/interactive/docs/gallery/geochart "Visualization: GeoChart"). А вот точки можно указывать самостоятельно: по адресу или широте/долготе. Области/города и маркеры можно выделять разными цветами (рисунок ниже). Можно задавать всплывающие подсказки с описанием и ссылки по нажатию на объекты (регионы карты, маркеры). Также можно настроить появление описания объекта сбоку от карты.
По сути, карта это SVG изображения и HTML код. **Никакого flash.** На [сайте разработчика](https://www.demo-joomunited.com/linky-map/vector-map-demo/?atid=5 "Демонстрационный сайт") есть несколько «живых» примеров подобных карт.
 Linky Map Если Вас интересует более «классическая» карта, то рекомендую ознакомиться со статьями «[Обзор My Maps location. Модуль Google карты Joomla](https://aleksius.com/joomla/rasshireniya/kak-vstavit-kartu-na-sajt "Обзор My Maps location. Модуль Google карты Joomla")» и «[Обзор Hotspots. Карты Google для Joomla](https://aleksius.com/joomla/rasshireniya/hotspots "Обзор Hotspots. Карты Google для Joomla")».
В обзоре будет участвовать последняя, на момент написания статьи (09.04.2018), русскоязычная версия Linky Map 2.3.5 в Joomla 3.8.6. Основной шаблон сайта – Protostar 1.0. Обратите Ваше внимание, что внешний вид страниц компонента Google карт Joomla достаточно сильно зависит от шаблона сайта и, возможно, потребует внесения корректировок в стили для достижения более гармоничного внешнего вида.
По большому счёту, простого способа создать собственную карту без использования Google GeoChart, на данный момент нет. Но можно [воспользоваться этой инструкцией](https://www.vincentbroute.fr/mapael/create-map.php "Create your own vector map for jQuery Mapael"), чтобы создать свою собственную карту без привязки к сервису Google GeoChart. А затем обратиться в тех. поддержку разработчика Linky Map и они помогут интегрировать её в компонент.
На официальном [сайте расширений Joomla](https://extensions.joomla.org/extensions/extension/maps-a-weather/maps-a-locations/linky-map/ "Linky Map") 16 отзывов, расширение добавлено 19.11.2014.
- Общий рейтинг – 100 из 100.
- Функциональность – 100 из 100.
- Простота использования – 100 из 100.
- Документация – 100 из 100.
- Поддержка – 100 из 100.
- Соотношение цена\\качество – 100 из 100.
На данный момент (09.04.2018) стоимость расширения от $29.
## Особенности Linky Map
Рассмотрим основные особенности данного расширения.
**Карты**.
- Базируется на Google GeoChart.
- Адаптивные векторные карты без лишних элементов на jQuery.
- Возможность отображения карты мира или карты отдельной «единицы» (страны, части света).
- Задание разных цветов разным «единицам» местности на карте.
- Возможность задавать цвет фона карты, границы (цвет и толщину).
- Поддержка масштабирования карты.
- Создание нескольких карт.
- Автоматические подсказки ISO кодов для регионов.
**Маркеры и описание.**
- Нанесение маркеров на карту (цветная точка и текстовый маркер). С возможностью добавления описания и ссылки по нажатию. Маркеры можно добавлять по координатам или по адресу местоположения. Адрес подтягивается из сервиса Google адреса (Google Мой бизнес).
- Добавление описаний во всплывающих подсказках. Можно применять HTML (доступен визуальный редактор).
- Добавление ссылок по нажатию на регион или маркер. Можно добавлять ссылку на пункт меню или любой URL адрес. Можно применять HTML (доступен визуальный редактор).
- Отображение описания объекта в боковой панели.
- Отображение описания местоположения во всплывающем окне (AJAX).
**Вставка карты Google на сайт при помощи**:
- пункта меню.
- Модуля. Есть модули для: JoomSocial, Event Booking и Ohanah Events.
- Системного плагина.
Модули для JoomSocial, Event Booking и Ohanah Events позволяют интегрироваться с указанными расширениями для отображения на картах, например, местоположений событий из Event Booking и Ohanah Events.
**Разное.**
- Компонент переведён на русский, английский, немецкий, польский и другие языки.
- Совместимость со штатным компонентом [Joomla «Поля» (com\_fields)](https://aleksius.com/joomla/rasshireniya/polya "Обзор дополнительных полей Joomla. Типы и настройка"). Можно создавать группы полей, поля и отображать их на картах.
- Поддержка SEO. Все генерируемые карты - это SVG изображения и HTML.
- Поддержка мультиязычности Joomla и возможности перевода элементов интерфейса расширения из админки.
- Поддержка автоматического обновления из админки Джумла.
- Linky Map базируется на фреймворке Joomla. Это призвано обеспечить улучшенную совместимость со всеми сторонними расширениями и самой CMS.
В компоненте сеть два основных раздела: *Векторные карты Google* и *Настраиваемые векторные карты*. Насколько понимаю, основные отличия следующие:
- В разделе *Векторные карты Google* можно создавать карты, на которых будут отображаться регионы типа северная Африка, южная Африка, Океания и так далее. Плюс, можно отображать отдельные страны с выделением областей и городов федерального значения (например, Киев, Севастополь). В этом же разделе можно добавлять маркеры. Они добавляются отдельно от регионов. В случае отображения во фронтальной части сайта карты, созданной в данном разделе, она выводится с отображением прилегающих стран.
- В разделе *Настраиваемые векторные карты* можно создавать карты, на которых будут отображаться отдельные страны и «содружества» стран. Например, европейские страны. В этом же разделе можно добавлять маркеры. Они добавляются вместе со странами. В случае отображения во фронтальной части сайта карты, созданной в данном разделе, она выводится без отображения прилагающих стран.
Рассмотрим эти разделы.
## Векторные карты Google
В данном разделе (рисунок ниже) собран список созданных Вами карт и инструменты для их поиска, фильтрации, сортировки и применения массовых операций (публикация, удаление и т.д.).
 Векторные карты Google **При создании карты** (рисунок ниже) Вам будет доступен ряд опций. Наиболее важные, влияющие на саму карту, это две одноимённые опции *Регион*. В верхней, из спадающего списка, Вы выбираете наиболее подходящую область карты. Это может быть страна и «сообщество» стран (часть света), например, Европа. А во втором поле Регион Вы вводите код региона согласно ISO 3166-2. Например, «UA-63» – [код Харьковской области (Украина)](https://ru.wikipedia.org/wiki/ISO_3166-2:UA "ISO 3166-2:UA"). Найти эти коды можно по ссылке, которая появляется при выборе региона из спадающего списка.
 Карта Google для Joomla При добавлении регионов Вам нужно указать, помимо кода, заголовок и текст подсказки. Всё остальное указывать не обязательно. По нажатию на регион можно указать URL адрес или пункт меню. Каждый регион можно подкрасить в какой-то определенный цвет.
Отображать описание можно в модальном окне или в боковой панели. В описании можно использовать HTML теги, как задавая их вручную, так и при помощи визуального редактора.
На этой же странице можно задать цвет фона или фоновое изображение карты, поменять цвет и толщину границ карты, включить/отключить возможность масштабирования, а также настроить другие опции, влияющие на внешний вид и функционирование карты.
На рисунке ниже показан пример карты Google во фронтальной части сайта с нанесёнными областями и описанием в боковой панели.
 Linky Map **При добавлении маркера на карту** (рисунок ниже) Вам, по аналогии с добавлением карты, нужно указать регион, а затем в поле *Маркер* ввести адрес расположения маркера, например, «проспект Науки, 9, Харьков, Харьковская область, Украина». Если Вы указали API ключ карт Google в настройках Linky Map, то в поле ввода должны появляться подсказки. Альтернатива вводу адреса – указание координат маркера (широта и долгота).
Остальные опции на этой странице аналогичны опциям, доступным при создании карты.
 Google карта на Joomla На рисунке ниже показан пример маркера на карте.
 Google maps Joomla ## Настраиваемые векторные карты
В данном разделе (рисунок ниже) Вы можете создавать карты и маркеры. Отличия от первого раздела описаны выше в статье.
 Настраиваемые векторные карты Как видно на рисунке ниже, набор опций очень похож на ранее рассмотренный.
 Добавление нового региона Одно из основных отличий – добавление нового маркера прямо на этой же странице (рисунок ниже).
 Добавление нового маркера На рисунке ниже показан пример карты с маркерами.
 Карта с маркерами ## Поля и группы полей
Linky Map интегрируется со штатным компонентом [Joomla *Поля* (com\_fields)](https://aleksius.com/joomla/rasshireniya/polya "Обзор дополнительных полей Joomla. Типы и настройка"). Это можно использовать для упрощения добавления информации о картах, а также стандартизации её представления на сайте. Можно создать группу полей и добавить в неё несколько полей (рисунок ниже).
 Поля Linky Map Затем эти поля появляются при создании/редактировании карты (рисунок ниже).
 Добавление полей в описании После этого они видны на сайте (рисунок ниже).
 Поля в описании карты ## Настройки Linky Map
Все опции Linky Map разделены на четыре вкладки.
1. *Настройки Linky Map.*
2. *Live* *update.* Если у Вас активная подписка на обновления компонента, то тут Вы сможете связать свой сайт с аккаунтом на сайте разработчика, чтобы получать обновления компонента карт Google для Joomla.
3. *Translations.* На данной вкладке Вы сможете получить доступ к установке и редактированию языков интерфейса компонента.
4. *Права.* Это стандартная для всех компонентов Joomla вкладка, где Вы сможете разграничить права доступа для разных групп пользователей.
Вкладка *Настройки Linky* *Map* (рисунок ниже) содержит глобальные опции, влияющие на весь компонент в целом. Рассмотрим наиболее интересные из них.
- *API ключ Карт Google*. Для работы данного компонента Вам нужно получить API ключ от Google. Это можно [сделать тут](https://developers.google.com/maps/documentation/javascript/get-api-key "Получение ключа/аутентификация"). В принципе, процедура аналогична той, что показана в [предыдущем видео уроке](https://aleksius.com/joomla/rasshireniya/kak-vstavit-kartu-na-sajt#poluchenie-klyucha-google-map-api "Обзор My Maps location. Модуль Google карты Joomla"). [В этой статье](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты") подробно описано, и показано в видео-уроке, бесплатное получение ключа API Google карты (на 01 декабря 2018).
- *Загружать jQuery*. Без надобности не рекомендую менять значение данной опции. Можете активировать её, если в отображении или функционировании карты обнаружена ошибка.
- *Переопределение макета*. Если Вас не устраивает макет страницы карты, генерируемый Linky Map, тогда перед его редактированием рекомендую создать переопределение, чтобы при обновлении компонента Ваши изменения не были утеряны.
 Настройки Linky Map ## Вывод карты на сайт
Есть три основных способа отображения карты во фронтальной части сайта.
**Пункт меню тип *Linky Map – Одна карта***. Вад достаточно просто указать в опции *Select Map*, какую из ранее созданных карт нужно отображать (рисунок ниже). Особых настроек нет. Можно только указать ширину панели описания.
 Linky Map – Одна карта **Модули**. Компонент Linky Map идёт в составе с четырьмя модулями:
1. «Community -Linky Map». Позволяет выводить карту с местоположением пользователей и мероприятий из JoomSocial.
2. «Event Booking-Linky Map». Позволяет выводить карту с местоположением мероприятий из Event Booking.
3. «Ohanah -Linky Map». Позволяет выводить карту с местоположением мероприятий из Ohanah Events.
4. «Linkymap». Позволяет выводить любую карту, созданную в Linky Map (рисунок ниже). Для применения настроек ширины и высоты карты активируйте опцию *Применять максимальную ширину/высоту*.
 Модуль Linky Map **Системный плагин**. В визуальном текстовом редакторе, например, в менеджере материалов, нужно нажать на кнопку *Linky Map* и указать, какую карту Вы хотите отображать. После этого в тексте появится специальный заполнитель «linkymap 5». Вместо кавычек-ёлочек будут фигурные скобки. В моём примере «5» – это ID карты из компонента Linky Map.
Надеюсь, что данная статья помогла Вам уяснить возможности Linky Map, а также будет полезной в ходе настройки Google карт на Joomla.
| Похожие материалы |
|---|
| - [ Русификатор Linky Map ](https://aleksius.com/joomla/rusifikatory/rusifikator-linky-map) - [ Обзор Hotspots. Карты Google для Joomla ](https://aleksius.com/joomla/rasshireniya/hotspots) - [ Русификатор Hotspots ](https://aleksius.com/joomla/rusifikatory/rusifikator-hotspots) - [ Русификатор My Maps location ](https://aleksius.com/joomla/rusifikatory/rusifikator-my-maps-location) - [ Обзор My Maps location. Модуль Google карты Joomla ](https://aleksius.com/joomla/rasshireniya/kak-vstavit-kartu-na-sajt) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |
**Полезные** **ссылки:**
- [Купить Linky Map на официальном сайте разработчика](https://www.joomunited.com/products/linky-map/?atid=5 "Легально, без посредников и переплат").