В этой заметке я хочу рассказать Вам о плагине для встраивания Яндекс.Карт в свободно распространяемую CMS Joomla.
Этот плагин разработан командой проекта YAR-IT и загрузить его можно по адресу http://yar-it.com/download/yandexmap/
Он устанавливается стандартным способом для плагинов Joomla.
|
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}.
Пример отображения
Посмотреть рабочий пример можно здесь.
Подскажите, каким образом нужно прописать в .php плагина «Яндекс-Карты», чтобы отобразились элементы
ToolBar (панель инструментов)
ScaleLine(линейка)
?
Я по этому поводу написал специальную заметку по адресу Доработка плагина Яндекс.Карт для Joomla
а как добавить количество меток?
В этом плагине можно использовать только две метки
А как сделать чтоб на следующей странице, например были еще пара меток, других?
Чтобы добавить меток нужно найти строчку for ($i = 0; $i < 2; $i++) в файле plugin_yandexmap.php и заменить $i < 2 на $i < 25, должно сработать.
Подпортит, конечно перфоманс, но если правильно подобрать число, то не сильно и заметно будет.
На сайте про Новгород кто-то навешал штук 20 кинотератров таким образом и ничего, работает. 🙂
Да, забыл самое главное: при этом можно добавлять последующие точки только из текста статьи, т.е. указывать параметры плагина внутри тэга {ymap}
Выложил превоначальную версию плагина для Joomla 1.5 на своем сайте http://webmap-blog.ru/files/soft/plg_ymap01.zip
Установил плагин для 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 файла плагина
хех, подскажите где скачать компонент. Оф сайт закрыт ((
я его выложил по адресу: http://webmap-blog.ru/files/soft/plg_ymap01.zip
admin, спасибо тебе человек!
Гуд! Эээм, может подскажите, вот есть карта, есть объект выделенный на ней, и вот юзер тыкает туда, и нужно что бы в этот момент открывалась страница посвященная данному объекту с возможностью комментировать ее. Ну или как вариант посно ссылки делать в описании объекта?
не устанавливается пол joomla 1.5.15 — пишет не найден xml файл для joomla
Добрый день. Скажите а такое http://www.pitomec.ru/map реально с помощью компонента сделать?
немогу понять куда вставить {ymap} чтоб на сайте отобразилась карта, я ево установил в joomla1.5 настроил , включил, и код получил а что дальше не врублюсь помогите плиззззззззззззззззззз
Нужно {ymap} добавить в текст записи
Вставил плагин, все работет. Но возникает одна проблема. У меня 2 домена, а сайт находиться в одном хранилище! Т.е. могу ввести ключ в поле ключа только для одного домена. Если осуществляется преход с другого домена то возникает ошибка «ключ не найден». Как можно решить данную проблему?
Домены http://www.fitnessekb.ru и http://www.fitnesekb.ru
Можно вставить сразу два ключа разделив один от другого символом ~, ели размер поля ввода позволяет.
Прошу прощения с балуном сам на косячил все! Сейчас все ок!
Да, спасибо проблема решена. Вашим способом!
Спасибо, поставила на один из сайтиков!
Посоветовал другу поставить данный плагин, он остался доволен. Спасибо вам.
Подскажите, как включить всплывающие подсказки к баллунам.
Здравствуйте,
Как можно святься с админом этого сайта, есть предложения по Яндекс-карте…
ugolsergey@gmail.com
В поле YMAP_API – вводим API-ключь для Вашего сайта,
что значит API ключ сайта?
Читайте здесь http://api.yandex.ru/maps/jsapi/doc/dg/tasks/quick-start.xml
а у меня проблема с этим плагином 🙁
joomla 1,15,15 вставляю {ymap} в компонент контакты,(перепробовал все поля) на станице выводиться только этот код {ymap} а сама карта нет….что я делаю не так?
спасибо, получил API ключ, а как сделать то так, что бы в метке была фото здания? как я понял это надо какой то код в балун вносить? а что за код то?
разобрался,спасибо за полезные статьи!
Есть решение как вставить карту яндекс или гугл в компонент com_contact joomla 1.5 решение по ссылке http://idivision.ru/index.php?option=com_content&view=article&id=118:maps-joomla&catid=52:blog&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 сделать возможность зарегистрированным пользователям добавлять свои метки на народную яндекс карту (отмечать свои участки, магазины и т.д.)
Какие компоненты для этого лучше использовать?
Готового плагина или компонента, в котором пользователи могут добавлять на Яндекс.Карту метки я не встречал. На моем сайте есть заметка о том, как подключить народную карту к компоненту Яндекс.Карт. Для Вашей задачи его необходимо будет дорабатывать.
Или заказывать разработку нового компонента с заданным функционалом.
А сколько примерно может стоить доработка/разработка подобного компонента? И где посоветуете его заказать?
Спасибо за плагин!
интересный блог по картам
Плагин очень полезный, блог-понятный.
У меня вопрос:
Не устанавливается плагин!!!
Joomla (1.5.20 Stable) установил. А плагин не ставиться:
Расширения — Установка и удаление — Обзор — закачать файл&установить.
Появляется белое окно с адресом localhost/oboi/administrator/index.php, выхожу на предыдущую стр., расширение — плагины.
Такого плагина -НЕТ.
Сайт — Настройки — визуальный редактор по умолчанию — Здесь тоже НЕТ.
Помогите, плз.
Сейчас плагин работает в месте с компонентом, для установки сначала надо установить компонент, а затем плагин. http://code.google.com/p/yandexmap/
Отличный плагин. Но не выводится название офиса в метке. В чём может быть проблема?
Вставляю в статью {yandexmaps view=map|id=1} но на ней нет балуна. Как его включить?
При вставке {yandexmaps view=link|id=1|text=Map} все нормально работает.
В новой версии плагин используется совместно с компонентом Яндекс.Карт, метки добавляются отдельно и в настройках указывается на какой карте показывать.
Не понял. Я так и делаю вроде. Вот ссылка fitnessekb.ru/contacts почему там где «показать на карте» там все нормально. А в самом материале нет!
Код карты работает нормально, я его вытащил на отдельную html-страницу и проверил. Ошибка возникает где-то в коде остальной страницы, нужно его проверять. Уберите карту и посмотрите в Firefox консоль ошибок. Может где-то скобка пропущена
Проверил в ФФ и ИЕ работает нормально в Опере и Хроме нет. Проверте у вас так же?
Да
Т.е. у вас тоже не работает в ФФ и ИЕ? Что делать? Можно ли как-то это исправить?
Не правильно написал в не работает в Опере и Хроме!
У Вас на странице используется библиотека jQuery, она же используется в API Яндекс.Карт (версия 1.3.2). Из-за этого может быть конфликт
Можно добавить строку $ = YMaps.jQuery;
А строку подключения библиотеки
убрать
В этом файле yandexmaps.php или где?
Нужно искать какой компонент или плагин использует jQuery, чтобы убрать строку кода с подключением:
И там же добавить строку $ = YMaps.jQuery;
сразу перед
$(document).ready(function(){Может отключить эту библиотеку? Или сайт может перестать работать?
Спасибо, сам бы не разобрался! Это отслеживатель конверсий google был. Удалил его из index.php. Все работает сейчас! 🙂