Интерактивная карта города или района существенно улучшает восприятие пользователями сайта, особенно если сайт имеет туристическое направление. На данный момент не нужно самому создавать карту, так как в интернете имеются сервисы карт google-maps и Яндекс.Карты  . Эти карты имеют множество в функций, в том числе прокладка маршрута, фотографии, адреса, пробки и т.п. Но эти карты вместе с функционалом можно встроить себе на сайт с помощью специальных API функций.

Для системы Joomla создано множество компонентов, которые помогают установить карту местности на сайт. Одним из этих компонентов есть плагин googlemap. В этой статье рассмотрим особенности установки этого плагина.

На данный момент плагин googlemap поддерживается для версий Joomla 1.5, 1.6 и 1.7. Сначала нужно скачать последнюю версию плагина googlemap с официального сайта разработчика по этой ссылке: http://joomlacode.org/gf/project/mambot_google1/frs/. 

Установка плагина googlemap стандартная – через менеджер расширений (в меню «Компоненты» панели администратора):

Рис. 1. Установка плагина Google Maps.

После удачной установки плагин нужно включить. Для этого заходим «Менеджер плагинов» через меню «Расширения» и в списке ищем плагин googlemap, который имеет название Google Maps. Напротив этого названия кликаем на красный крестик, чтобы он стал зеленым маркером (рис. 2). Теперь плагин готов к работе. Конечно, можно кликнуть по названию «Google Maps» и настроить. Но установок по умолчанию достаточно для корректной работы плагина. 

Рис. 2. Включение плагина Google Maps.

Использовать плагин очень просто. Нужно вставить специальный код {mosmap} с соответствующими параметрами в любом месте статьи или модуля на сайте:{mosmap parameter='value'|parameter='value'|...}

Перечислять все параметры не будем, а определим основные:

• width, height  - ширина и высота карты на сайте;
• lon, lat – координаты объекта на карте (Longitude и latitude);
• zoom – увеличение;
• mapType – определяет тип карты: Normal (по умолчанию), Satellite or Hybrid;
• text – инфо-текст для карты;
• tooltip - всплывающая подсказка.

Теперь давайте рассмотрим использование и настройку плагина Google Maps на примере туристического сайта города Трускавец (Украина): http://www.truskavez.com/. На этом сайте мы установим Google Maps на главную страницу. Перед использованием плагина в первую очередь нужно найти координаты нужного нам места. Для этого заходим на Гугл Карты http://www.maps.google.com/, находим на карте нужный нам город или объект. Потом нажимаем на кнопку в левом верхнем углу «Мои метки» и в правом верхнем углу нажимаем кнопку «Ссылка» (рис. 3) и копируем ссылку. 

Рис. 3. Получение координат с Гугл Мапс.

В нашем случае эта ссылка такая: http://maps.google.com.ua/maps/myplaces?hl=ru&ll=49.279761,23.503919&spn=0.019318,0.029869&mpa=0&ctz=-120&mpf=0&t=m&z=15&vpsrc=6&iwloc=A

В этой ссылке нам нужно найти координаты для параметров lon и lat. Они следующие: lon = 49.279761 и lat = 23.503919. 

Теперь вставляем эти координаты в качестве параметров для кода {mosmap} в тексте:{mosmap width='640'|height='400'| lat='49.27726'|lon='23.50749'|zoom='14'|text='Карта Трускавца'|tooltip='Карта Трускавца'|marker='1'}.

Здесь мы выставили ширину карты 640 пикселей и высоту 400 пикселей. Увеличение установили 14 (рис. 4). 

Рис. 4. Использование плагина Google Maps на странице сайта.