В этом уроке покажем примеры работы с плагином Googlemaps, с  помощью которого будем создавать различные карты Google Maps и додавать к ним разный функционал.

Установка плагина Googlemaps и настройка базовой карты на примере показана здесь:http://joomla-master.com/lessons/joomlaprogramming/96-programmingbases5.html.

Теперь рассмотрим некоторые возможности плагина Googlemaps в настройке дополнительного функционала карты.

Карта в рамке

Чтобы создать карту в рамке, нужно возле кода {mosmap} использовать html-тэг div.

Пример:<div class="yourmap" style="padding:1px;background-color: #000000">{mosmap}</div> 

Создание формы для прокладки маршрута на карте с помощью плагина Googlemaps

С помощью плагина  Googlemaps можно задать маршрут с одного города к другому и отобразить его на карте. Для этого используют такой код: {mosmap formaddress='1'|dir='5'}.В результате над картой появится форма с названием «Directions:», где нужно в поле «From here» ввести пункт отправления, а в поле «To here» пункт назначения.

После нажатия кнопки «Get Directions» получим маршрут: 

Отображение фото, видео и других шаров на карте

В плагине Googlemaps можно настроить отображение фото, видео и других шаров на карте. Чтобы отобразить видео с Youtube, нужно использовать следующий код:{mosmap youtube='all'}Также можно показывать несколько шаров на карте, например код 

{mosmap layer[0]='com.panoramio.all'|layer[1]='com.youtube.all'|layer[2]='org.wikipedia.en'|layer[3]='com.google.ugc.c752d13e87c4fbd7'|layer[4]='transit'}

покажет на карте следующие шары:фото с сервиса Panoromio;популярный фотографии с Panoromio;видео с YouTube;ссылки на Википедию;вебкамеры с webcams.travel;маршруты общественного транспорта Transit.

Это будет выглядеть таким образом: 

Анимация маршрута поездки

В плагине Googlemaps предусмотрена анимация маршрута поездки, т.е. можно проложить маршрут и показать анимацию, которую Вы увидите с окна автомобиля.

Например код {mosmap animdir='2'|address='Vatican'|toaddress='Fiumicino, Italy'|waypoint[1]='Roma, Italy'|waypoint[2]='Ciampino, Italy'|formspeed='1'|formdirtype='1'|formaddress='1'|animautostart='1'}
покажет вам карту Рыма (Италия) с маршрутом, над которыми будет показано видео (в виде переключающихся картинок), которое бы Вы увидели, если бы ехали этим маршрутом за рулем автомобиля: 

Добавление маркеров на карту

С помощью плагина Googlemaps можно добавить маркеры с текстом к месту на карте. Это делается с помощью параметра tab.Пример:{mosmap text='<tab title='Tab1'>tab1 contents</tab><tab>tab2 contents</tab>'|dir='1'}

Кнопка для показа улиц на карте

Чтобы добавить на карту Google map кнопку для показа улиц, нужно использовать такой код:{mosmap zoomtype='3D-largeSV'}

Прокладка маршрута на карте

С помощью плагина Googlemaps можно проложить маршрут на карте. Можно использовать следующие параметры: lat, lo, address and tolat, tolon и toaddress.Пример:{mosmap address='sportlaan 3a, benthuizen, Nederland'|toaddress='Sportweg 1, 2461CX Ter Aar, Nederland'}

Карта с погодой

Чтобы показать погоду на карте, нужно использовать такой код: {mosmap mapType='Satellite'|kml='http://google.meteox.com/meteox.kmz'}