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

Автор: | 11.04.2009

В этой заметке я хочу рассказать Вам о плагине для встраивания Яндекс.Карт в свободно распространяемую 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

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

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

  1. Андрей

    Подскажите, каким образом нужно прописать в .php плагина «Яндекс-Карты», чтобы отобразились элементы
    ToolBar (панель инструментов)
    ScaleLine(линейка)
    ?

    1. admin Автор записи

      В этом плагине можно использовать только две метки

  2. RomanMax

    А как сделать чтоб на следующей странице, например были еще пара меток, других?

  3. Никита Г.

    Чтобы добавить меток нужно найти строчку for ($i = 0; $i < 2; $i++) в файле plugin_yandexmap.php и заменить $i < 2 на $i < 25, должно сработать.
    Подпортит, конечно перфоманс, но если правильно подобрать число, то не сильно и заметно будет.

    На сайте про Новгород кто-то навешал штук 20 кинотератров таким образом и ничего, работает. 🙂

  4. Никита Г.

    Да, забыл самое главное: при этом можно добавлять последующие точки только из текста статьи, т.е. указывать параметры плагина внутри тэга {ymap}

  5. Didoff

    Установил плагин для Joomla 1.5, вставил полученный код от Яндекса, окно на странице появилось, а сама карта не отображается. Не подскажите причину?

    1. admin Автор записи

      Вы API ключ правильный ввели для своего сайта?

  6. Didoff

    Спасибо, уже разобрался, была отключена загрузка 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();
    }
    )

  7. Didoff

    ПРАВИЛЬНЫЙ КОД:

    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();
    }
    )

  8. Dmitriy

    Приветствую! Собственно нет ни каких ограничений на создание меток! все что необходимо сделать это
    {ymap параметр=1 параметр=2 параметр=3………}
    где, имена параметров можно взять из xml файла плагина

  9. GLOBUS

    хех, подскажите где скачать компонент. Оф сайт закрыт ((

  10. GLOBUS

    Гуд! Эээм, может подскажите, вот есть карта, есть объект выделенный на ней, и вот юзер тыкает туда, и нужно что бы в этот момент открывалась страница посвященная данному объекту с возможностью комментировать ее. Ну или как вариант посно ссылки делать в описании объекта?

  11. Сергей

    не устанавливается пол joomla 1.5.15 — пишет не найден xml файл для joomla

  12. savik

    немогу понять куда вставить {ymap} чтоб на сайте отобразилась карта, я ево установил в joomla1.5 настроил , включил, и код получил а что дальше не врублюсь помогите плиззззззззззззззззззз

  13. Тимофей

    Вставил плагин, все работет. Но возникает одна проблема. У меня 2 домена, а сайт находиться в одном хранилище! Т.е. могу ввести ключ в поле ключа только для одного домена. Если осуществляется преход с другого домена то возникает ошибка «ключ не найден». Как можно решить данную проблему?
    Домены http://www.fitnessekb.ru и http://www.fitnesekb.ru

    1. admin Автор записи

      Можно вставить сразу два ключа разделив один от другого символом ~, ели размер поля ввода позволяет.

  14. OtvetimKak

    Посоветовал другу поставить данный плагин, он остался доволен. Спасибо вам.

  15. creativum

    Подскажите, как включить всплывающие подсказки к баллунам.

  16. Mike

    Здравствуйте,
    Как можно святься с админом этого сайта, есть предложения по Яндекс-карте…

  17. Тим

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

  18. Алексей

    а у меня проблема с этим плагином 🙁
    joomla 1,15,15 вставляю {ymap} в компонент контакты,(перепробовал все поля) на станице выводиться только этот код {ymap} а сама карта нет….что я делаю не так?

  19. Тим

    спасибо, получил API ключ, а как сделать то так, что бы в метке была фото здания? как я понял это надо какой то код в балун вносить? а что за код то?

  20. Сергей

    Не могу вставить API ключ.
    В параметрах плагина указаны только следующие настройки:

    Показать описание карты
    Окно
    Цвет затемнения фона модального окна
    Процент затемнения
    Цвет границы модального окна
    Ширина границы модального окна

    1. admin Автор записи

      Дело в том, что теперь плагин устанавливается в месте с компонентом, загрузить который можно со страницы http://code.google.com/p/yandexmap/.
      В настройках компонента вводиться API-ключ

  21. Руслан

    Подскажите, пожалуйста, как сделать так, чтобы при вставке карты в статью выводилась не ссылка на нее, а вся карта сразу?

    1. admin Автор записи

      Нужно использовать возможности компонента, в меню Joomla создать новый пункт, тип меню Яндекс карты, а в настройках выбрать нужную карту

      Либо в параметрах строки для плагина на странице вместо view=link написать view=map

  22. Владимир

    Добрый вечер! Установил плагин,картинка сперва показывала а через некоторое время перестала(минут 20), а окно осталось,что может быть?!

    1. admin Автор записи

      Мне не понятно, что могло произойти. Может временно нарушилось соединение с Интернетом.

  23. Евгений

    Поставил компонент и плагин. Включил плагин. Ввел API-ключ, заполнил все данные. Добавил карту через меню — работает отлично. Вставляю {ymap} в mod_custom — вместо карты надпись {ymap}
    Кто подскажет что делать?

    1. admin Автор записи

      Нужно добавлять {yandexmaps view=map|id=1} , где id — номер вашей карты в панели управления компонентом, страница Карты

  24. Алексей

    Скажите, с помощью каких компонентов можно организовать что-то вроде этого http://sntvolna.spb.ru/maps на Joomla 1.5?

    Хочу на сайте http://mshinskaja.ru/maps сделать возможность зарегистрированным пользователям добавлять свои метки на народную яндекс карту (отмечать свои участки, магазины и т.д.)

    Какие компоненты для этого лучше использовать?

    1. admin Автор записи

      Готового плагина или компонента, в котором пользователи могут добавлять на Яндекс.Карту метки я не встречал. На моем сайте есть заметка о том, как подключить народную карту к компоненту Яндекс.Карт. Для Вашей задачи его необходимо будет дорабатывать.
      Или заказывать разработку нового компонента с заданным функционалом.

  25. Алексей

    А сколько примерно может стоить доработка/разработка подобного компонента? И где посоветуете его заказать?

  26. Игорь

    Плагин очень полезный, блог-понятный.
    У меня вопрос:
    Не устанавливается плагин!!!

    Joomla (1.5.20 Stable) установил. А плагин не ставиться:

    Расширения — Установка и удаление — Обзор — закачать файл&установить.

    Появляется белое окно с адресом localhost/oboi/administrator/index.php, выхожу на предыдущую стр., расширение — плагины.

    Такого плагина -НЕТ.

    Сайт — Настройки — визуальный редактор по умолчанию — Здесь тоже НЕТ.

    Помогите, плз.

  27. Тимофей

    Вставляю в статью {yandexmaps view=map|id=1} но на ней нет балуна. Как его включить?
    При вставке {yandexmaps view=link|id=1|text=Map} все нормально работает.

  28. Тимофей

    Не понял. Я так и делаю вроде. Вот ссылка fitnessekb.ru/contacts почему там где «показать на карте» там все нормально. А в самом материале нет!

    1. admin Автор записи

      Код карты работает нормально, я его вытащил на отдельную html-страницу и проверил. Ошибка возникает где-то в коде остальной страницы, нужно его проверять. Уберите карту и посмотрите в Firefox консоль ошибок. Может где-то скобка пропущена

    1. admin Автор записи

      У Вас на странице используется библиотека jQuery, она же используется в API Яндекс.Карт (версия 1.3.2). Из-за этого может быть конфликт

      Можно добавить строку $ = YMaps.jQuery;
      А строку подключения библиотеки
      убрать

    1. admin Автор записи

      Нужно искать какой компонент или плагин использует jQuery, чтобы убрать строку кода с подключением:

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

      И там же добавить строку $ = YMaps.jQuery;
      сразу перед

      $(document).ready(function(){
  29. Тимофей

    Спасибо, сам бы не разобрался! Это отслеживатель конверсий google был. Удалил его из index.php. Все работает сейчас! 🙂

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *