Карты от Google для вашего сайта на joomla

Карты Гугл для joomla не слишком отличаются от Яндекс. Зрительно они воспринимаются иначе: другая цветовая гамма, но в таких же спокойных тонах. Как и всем разработкам Google им свойственен минимализм – все детали выглядят скромно, не вызывающе, а в целом облике карты прослеживается явно выраженная рациональность. Их главное преимущество в простоте использования.

Установить карту на свой веб-ресурс можно двумя способами: через установку в админ панель модуля джумла Гугл Карты или через вставку кода, полученного через сервис Google. В сравнении с аналогичным сервисом Яндекса получить код можно гораздо проще и быстрее. Для этого нужно зайти на www.google.ru/maps, нажать на значок меню в левом верхнем углу.

Далее «Получить ссылку/код».

Можно его просто скопировать и вставить как есть на сайт, а можно поменяв размер.

Описание плагина и модуля

В свободном доступе в Интернете находятся два самых востребованных расширения: BT Google Maps и Google Map для Joomla 3.x

Первый позволяет пользователям вводить адреса и координаты (поддерживает оба типа ввода), создавать маркеры (всплывающее описание, название, иконка), получать координаты с помощью встроенного Geocoder. В 3-ей версии Maps автоматически определяется язык пользователя, поддерживается во всех популярных браузерах. Можно создавать несколько карт на странице. Настройка проста. Скачать можно на сайте joomlacode.org.

Второй плагин позволяет быстро, без сложных настроек добавить карту на сайт. Совместим с шаблонами джумла и приложениями. Доступная понятная русскоязычная видео инструкция. Настройку можно произвести за 4 минуты. Есть бесплатная версия. Можно скачать на joomly.ru. Полный пакет (платная версия стоимостью всего 190 рублей (сентябрь 2016), что кстати значительно дешевле платного компонента Яндекс.Карт) включает также возможность добавления нескольких меток на карту, информационных окон.

Основные настройки BT Google Maps

Установив специализированный модуль, мы должны его активировать, а затем настроить. Для начала в плагине BT Google Maps требуется активация – параметр Enabled и ввод ключа к API карты – параметр API key. Сохранив первые сделанные настройки, переходим к размещению карты на странице сайта. Например, к вставке её в статью. Для этой манипуляции потребуется вписать в материал тег mosmap, заключённые в эти { } фигурные скобки. Если потребуется изменить параметры изображения, можно вернутся к настройкам плагина или вписать вручную, вместе с тегом. Например, ширина (width) и высота (height) окна. Или назначить координаты центра карты (lat, lon). Прописать тип – mapType – либо обычная Normal, спутник Satellite, гибрид Hybrid. После каждого обозначения ставится =, далее следует уточнение параметра, от других он отделяется вертикальной линией. Например, {mosmapwidth=’500’| height=’400’| … и так далее.

Что касается модуля Google map для joomla, в нём не придётся ничего прописывать вручную. После установки нужно лишь зайти в него и задать настройки: координаты (долгота и широта, которые можно узнать с помощью спец. сервиса), масштаб, размеры окна. Задать расположение карты на странице (слева или по центру). Выбрать показывать или нет иконку на карте. Задать ей цвет, надпись.

Настройка Google map

Скачиваем установочный файл с сайта разработчика.

Устанавливаем файл привычным способом в административную панель joomla.

Зайдя в «Менеджер модулей», найдём только что установленный и кликнем по ссылке.

В основных настройках задаётся масштаб и размеры, позиция модуля, тип карты и способ выравнивания по ширине.


И ещё важный момент, чтоб карта работала необходимо в основных настройках задать Api Key. Этот ключ предоставляется бесплатно при регистрации сайта на портале Гугл. Перейти на нужную страницу можно по ссылке, указанной под полем Api Key.

Во вкладке привязка к пунктам меню можно указать, на каких страницах отображать карту (на всех, или только на «Контакты»).


Настроить иконки можно во вкладке меток. Здесь можно ввести долготу и широту или просто задать адрес, координаты определяться автоматически. А также заполнить поле дополнительной информации к метке. В конце все операций – сохраняем настройки.


Для отображения внутри материала, находим нужный, например, About.

Теперь вставляем в тело статьи в фигурных скобках loadmodule mod_google_map. 


Карта Гугл готова и размещена на сайте, можно проверить, как она отображается.