Плагин Яндекс.Карт для Joomla

В этой заметке я хочу рассказать Вам о плагине для встраивания Яндекс.Карт в свободно распространяемую CMS Joomla.

Этот плагин разработан командой проекта YAR-IT и загрузить его можно по адресу http://yar-it.com/download/yandexmap/

Он устанавливается стандартным способом для плагинов Joomla.

Joomla — Профессиональный сайт за один день
86 видеоуроков, 12 часов 46 минут посвящены лучшей системе для создания сайтов — Joomla!

После установки необходимо его включить и настроить.

Мы заходим в Plugin Manager (менеджер плагинов) и находим в таблице запись Content — Yandex Maps.

Щелкаем по ссылке и попадаем в окно редактирования параметров плагина.

Окно редактирования параметров плагина

Щелкните по картинке для того, чтобы посмотреть ее в полный размер.

В правой части мы будем задавать параметры для отображения Яндекс.Карты.

В поле YMAP_API – вводим API-ключь для Вашего сайта,

в поля YMAP_WIDTH и YMAP_HEIGHT – ширину и высоту окна карты (в пискселях px или %),

далее в поля YMAP_LAT и YMAP_LON – координаты центра карты (широту и долготу) ,

в YMAP_ZOOM – масштабный уровень карты.

Далее идут несколько переключателей для задания элементов управления картой.

YMAP_ZOOMTYPE – задает тип элемента масштабирования:

YMAP_ZOOMTYPE_N — YMaps.Zoom – элемент масштабирования, который позволяет менять разрешение карты с определенным шагом;

YMAP_ZOOMTYPE_S — YMaps.SmallZoom – компактный элемент масштабирования (без слайдера, только кнопки уменьшения и увеличения масштаба),

YMAP_ZOOMTYPE_O — без элемента масштабирования .

YMAP_MAPTYPE – задает тип отображения карты:

YMAP_MAPTYPE_S – обычная карта,

YMAP_MAPTYPE_SP – спутниковый снимок.

YMAP_MAPTYPE_G – гибрид.

YMAP_SHOWMAPTYPE — включает и выключает элемент управления, позволяющий выбрать различные типы карты.

YMAP_SHOWMINIM — отображать или нет обзорную карту

YMAP_SCROLLZOOM — включает и выключает возможность масштабирования с помощью колесика мыши

YMAP_DBLCLIKZ – включает и выключает возможность центрирования карты по двойному щелчку мыши.

В опциях ниже задаются координаты для двух меток, текст метки и html-код в балуне, который открывается по щелчку на метке.

YMAP_PLACEMARK – отображать или нет метку

YMAP_LATPL – координата метки по широте

YMAP_LONPL – координата метки по долготе

YMAP_TEXT – текст в метке

YMAP_OPENM — отображать или нет балун

YMAP_CONT – содержимое балуна.

Для включения плагина необходимо включить опцию Enabled в левой части окна.

Сохранить сделанные настройки.

Для добавления карты на страницу в нужном месте необходимо вставить строку {ymap}.

Пример отображения

Пример использования плагина Яндекс.Карт для Joomla

Посмотреть рабочий пример можно здесь.

  • Гость: Подскажите, каким образом нужно прописать в .php плагина "Яндекс-Карты", чтобы отобразились элементы ToolBar (панель инструментов) ScaleLine(линейка) ?
  • Гость: Я по этому поводу написал специальную заметку по адресу <a href="http://www.map.cek.ru/index.php?option=com_content&amp;view=article&amp;id=170&amp;Itemid=188" rel="nofollow">Доработка плагина Яндекс.Карт для Joomla</a>
  • Гость: а как добавить количество меток?
  • Гость: В этом плагине можно использовать только две метки
  • Гость: А как сделать чтоб на следующей странице, например были еще пара меток, других?
  • Гость: Чтобы добавить меток нужно найти строчку for ($i = 0; $i &lt; 2; $i++) в файле plugin_yandexmap.php и заменить $i &lt; 2 на $i &lt; 25, должно сработать. Подпортит, конечно перфоманс, но если правильно подобрать число, то не сильно и заметно будет. На сайте про Новгород кто-то навешал штук 20 кинотератров таким образом и ничего, работает. :-)
  • Гость: Да, забыл самое главное: при этом можно добавлять последующие точки только из текста статьи, т.е. указывать параметры плагина внутри тэга {ymap}
  • Гость: Выложил превоначальную версию плагина для Joomla 1.5 на своем сайте <a href="http://webmap-blog.ru/files/soft/plg_ymap01.zip" rel="nofollow">http://webmap-blog.ru/files/soft/plg_ymap01.zip</a>
  • Гость: Установил плагин для Joomla 1.5, вставил полученный код от Яндекса, окно на странице появилось, а сама карта не отображается. Не подскажите причину?
  • Гость: Вы API ключ правильный ввели для своего сайта?
  • Гость: Спасибо, уже разобрался, была отключена загрузка mootools, т.к. на сайте не используется. Для решения проблемы я просто вставил следующий код в текст самой страницы - все заработало, И теперь все нужные скрипты грузятся ТОЛЬКО на той странице, где расположена сама карта. КОД: window.addEvent('domready', function() { var map = new YMaps.Map(document.getElementById("YMaps_0")); center = new YMaps.GeoPoint(39.831767, 57.577674); map.setCenter(center, 10); var zoomControl = new YMaps.Zoom(); map.addControl(zoomControl); var typeControl = new YMaps.TypeControl();map.addControl(typeControl); map.enableScrollZoom(); map.enableDblClickZoom(); var placemark_0 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674)); placemark_0.setIconContent("Жми сюда!"); map.addOverlay(placemark_0); placemark_0.setBalloonContent("Привет, Joomla пользователь"); placemark_0.openBalloon();var placemark_1 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674)); placemark_1.setIconContent("Жми сюда!"); map.addOverlay(placemark_1); placemark_1.setBalloonContent("Привет, Joomla пользователь"); placemark_1.openBalloon(); } )
  • Гость: ПРАВИЛЬНЫЙ КОД: window.addEvent('domready', function() { var map = new YMaps.Map(document.getElementById("YMaps_0")); center = new YMaps.GeoPoint(39.831767, 57.577674); map.setCenter(center, 10); var zoomControl = new YMaps.Zoom(); map.addControl(zoomControl); var typeControl = new YMaps.TypeControl();map.addControl(typeControl); map.enableScrollZoom(); map.enableDblClickZoom(); var placemark_0 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674)); placemark_0.setIconContent("Жми сюда!"); map.addOverlay(placemark_0); placemark_0.setBalloonContent("Привет, Joomla пользователь"); placemark_0.openBalloon();var placemark_1 = new YMaps.Placemark(new YMaps.GeoPoint(39.831767, 57.577674)); placemark_1.setIconContent("Жми сюда!"); map.addOverlay(placemark_1); placemark_1.setBalloonContent("Привет, Joomla пользователь"); placemark_1.openBalloon(); } )
  • Гость: КОД в Вашем блоге почему-то полностью не публикуется.
  • Гость: Приветствую! Собственно нет ни каких ограничений на создание меток! все что необходимо сделать это {ymap параметр=1 параметр=2 параметр=3.........} где, имена параметров можно взять из xml файла плагина
  • Гость: хех, подскажите где скачать компонент. Оф сайт закрыт ((
  • Гость: я его выложил по адресу: <a href="http://webmap-blog.ru/files/soft/plg_ymap01.zip" rel="nofollow">http://webmap-blog.ru/files/soft/plg_ymap01.zip</a>
  • Гость: admin, спасибо тебе человек!
  • Гость: Гуд! Эээм, может подскажите, вот есть карта, есть объект выделенный на ней, и вот юзер тыкает туда, и нужно что бы в этот момент открывалась страница посвященная данному объекту с возможностью комментировать ее. Ну или как вариант посно ссылки делать в описании объекта?
  • Гость: не устанавливается пол joomla 1.5.15 - пишет не найден xml файл для joomla
  • Гость: Добрый день. Скажите а такое www.pitomec.ru/map реально с помощью компонента сделать?
  • Гость: немогу понять куда вставить {ymap} чтоб на сайте отобразилась карта, я ево установил в joomla1.5 настроил , включил, и код получил а что дальше не врублюсь помогите плиззззззззззззззззззз
  • Гость: Нужно {ymap} добавить в текст записи
  • Гость: Вставил плагин, все работет. Но возникает одна проблема. У меня 2 домена, а сайт находиться в одном хранилище! Т.е. могу ввести ключ в поле ключа только для одного домена. Если осуществляется преход с другого домена то возникает ошибка "ключ не найден". Как можно решить данную проблему? Домены www.fitnessekb.ru и www.fitnesekb.ru
  • Гость: Можно вставить сразу два ключа разделив один от другого символом ~, ели размер поля ввода позволяет.
  • Гость: Прошу прощения с балуном сам на косячил все! Сейчас все ок!
  • Гость: Да, спасибо проблема решена. Вашим способом!
  • Гость: Спасибо, поставила на один из сайтиков!
  • Гость: Посоветовал другу поставить данный плагин, он остался доволен. Спасибо вам.
  • Гость: Подскажите, как включить всплывающие подсказки к баллунам.
  • Гость: Здравствуйте, Как можно святься с админом этого сайта, есть предложения по Яндекс-карте...
  • Гость: ugolsergey@gmail.com
  • Гость: В поле YMAP_API – вводим API-ключь для Вашего сайта, что значит API ключ сайта?
  • Гость: Читайте здесь <a href="http://api.yandex.ru/maps/jsapi/doc/dg/tasks/quick-start.xml" rel="nofollow">http://api.yandex.ru/maps/jsapi/doc/dg/tasks/quick-start.xml</a>
  • Гость: а у меня проблема с этим плагином :( joomla 1,15,15 вставляю {ymap} в компонент контакты,(перепробовал все поля) на станице выводиться только этот код {ymap} а сама карта нет....что я делаю не так?
  • Гость: спасибо, получил API ключ, а как сделать то так, что бы в метке была фото здания? как я понял это надо какой то код в балун вносить? а что за код то?
  • Гость: разобрался,спасибо за полезные статьи!
  • Гость: Есть решение как вставить карту яндекс или гугл в компонент com_contact joomla 1.5 решение по ссылке http://idivision.ru/index.php?option=com_content&amp;view=article&amp;id=118:maps-joomla&amp;catid=52:blog&amp;Itemid=161
  • Гость: Поправьте в статье ссылку на сам компонент: http://yar-it.com/download/yandexmap/
  • Гость: Не могу вставить API ключ. В параметрах плагина указаны только следующие настройки: Показать описание карты Окно Цвет затемнения фона модального окна Процент затемнения Цвет границы модального окна Ширина границы модального окна
  • Гость: Дело в том, что теперь плагин устанавливается в месте с компонентом, загрузить который можно со страницы http://code.google.com/p/yandexmap/. В настройках компонента вводиться API-ключ
  • Гость: Спасибо, все заработало.
  • Гость: Подскажите, пожалуйста, как сделать так, чтобы при вставке карты в статью выводилась не ссылка на нее, а вся карта сразу?
  • Гость: Нужно использовать возможности компонента, в меню Joomla создать новый пункт, тип меню Яндекс карты, а в настройках выбрать нужную карту Либо в параметрах строки для плагина на странице вместо view=link написать view=map
  • Гость: Добрый вечер! Установил плагин,картинка сперва показывала а через некоторое время перестала(минут 20), а окно осталось,что может быть?!
  • Гость: Мне не понятно, что могло произойти. Может временно нарушилось соединение с Интернетом.
  • Гость: Поставил компонент и плагин. Включил плагин. Ввел API-ключ, заполнил все данные. Добавил карту через меню - работает отлично. Вставляю {ymap} в mod_custom - вместо карты надпись {ymap} Кто подскажет что делать?
  • Гость: Нужно добавлять {yandexmaps view=map|id=1} , где id - номер вашей карты в панели управления компонентом, страница Карты
  • Гость: Скажите, с помощью каких компонентов можно организовать что-то вроде этого http://sntvolna.spb.ru/maps на Joomla 1.5? Хочу на сайте http://mshinskaja.ru/maps сделать возможность зарегистрированным пользователям добавлять свои метки на народную яндекс карту (отмечать свои участки, магазины и т.д.) Какие компоненты для этого лучше использовать?
  • Гость: Готового плагина или компонента, в котором пользователи могут добавлять на Яндекс.Карту метки я не встречал. На моем сайте есть заметка о том, как <a href="http://webmap-blog.ru/yandex-maps/dorabotka-komponenta-yandeks-kart-dlya-joomla-1-5-%E2%80%93-podklyuchenie-narodnoj-karty" rel="nofollow">подключить народную карту к компоненту Яндекс.Карт</a>. Для Вашей задачи его необходимо будет дорабатывать. Или заказывать разработку нового компонента с заданным функционалом.
  • Гость: А сколько примерно может стоить доработка/разработка подобного компонента? И где посоветуете его заказать?
  • Гость: Спасибо за плагин! интересный блог по картам
  • Гость: Плагин очень полезный, блог-понятный. У меня вопрос: Не устанавливается плагин!!! Joomla (1.5.20 Stable) установил. А плагин не ставиться: Расширения — Установка и удаление — Обзор — закачать файл&amp;установить. Появляется белое окно с адресом localhost/oboi/administrator/index.php, выхожу на предыдущую стр., расширение — плагины. Такого плагина -НЕТ. Сайт — Настройки — визуальный редактор по умолчанию — Здесь тоже НЕТ. Помогите, плз.
  • Гость: Сейчас плагин работает в месте с компонентом, для установки сначала надо установить компонент, а затем плагин. <a href="http://code.google.com/p/yandexmap/" rel="nofollow">http://code.google.com/p/yandexmap/</a>
  • Гость: Отличный плагин. Но не выводится название офиса в метке. В чём может быть проблема?
  • Гость: Вставляю в статью {yandexmaps view=map|id=1} но на ней нет балуна. Как его включить? При вставке {yandexmaps view=link|id=1|text=Map} все нормально работает.
  • Гость: В новой версии плагин используется совместно с <a href="http://code.google.com/p/yandexmap/" rel="nofollow">компонентом Яндекс.Карт</a>, метки добавляются отдельно и в настройках указывается на какой карте показывать.
  • Гость: Не понял. Я так и делаю вроде. Вот ссылка fitnessekb.ru/contacts почему там где "показать на карте" там все нормально. А в самом материале нет!
  • Гость: Код карты работает нормально, я его вытащил на отдельную html-страницу и проверил. Ошибка возникает где-то в коде остальной страницы, нужно его проверять. Уберите карту и посмотрите в Firefox консоль ошибок. Может где-то скобка пропущена
  • Гость: Проверил в ФФ и ИЕ работает нормально в Опере и Хроме нет. Проверте у вас так же?
  • Гость: Да
  • Гость: Т.е. у вас тоже не работает в ФФ и ИЕ? Что делать? Можно ли как-то это исправить?
  • Гость: Не правильно написал в не работает в Опере и Хроме!
  • Гость: У Вас на странице используется библиотека jQuery, она же используется в API Яндекс.Карт (версия 1.3.2). Из-за этого может быть конфликт Можно добавить строку $ = YMaps.jQuery; А строку подключения библиотеки убрать
  • Гость: В этом файле yandexmaps.php или где?
  • Гость: Нужно искать какой компонент или плагин использует jQuery, чтобы убрать строку кода с подключением: <pre lang="html"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> </pre> И там же добавить строку $ = YMaps.jQuery; сразу перед <pre lang="html"> $(document).ready(function(){ </pre>
  • Гость: Может отключить эту библиотеку? Или сайт может перестать работать?
  • Гость: Спасибо, сам бы не разобрался! Это отслеживатель конверсий google был. Удалил его из index.php. Все работает сейчас! :)