Год назад, был создан сервис Конструктор Яндекс Карт. Им ежедневно пользуются n-ое количество пользователей, однако есть один недостаток - пользователь, пусть и без лишних телодвижений, на выходе, все еще получает код, который еще нужно скопировать и вставить.

Чтобы не обременять Вас этой ненужной процедурой копирования и вставки, я написал модуль для Joomla, который представляет из себя упрощенный конструктор.

Создать Яндекс карту на сайте под управлением Joomla теперь очень просто.

Возможности

• указание размеров карты, ее центра, масштаб и  тип
• добавление элементов управления картой, таких как масштабирование, тип карты, информация о пробках, миникарта и т.д.
• создание произвольного количества объектов на карте
• объекты на карте могут быть 4-х типов: полигон, ломаная, круг и метка. Каждый тип имеет различные опции в настройках
• визуальное редактирование полигонов, линий и кругов. Масштабирование, вращение, добавление новых точек.
• каждой карте присваивается уникальный id, поэтому на одной странице может быть сколько угодно модулей
• модуль поддерживает 2 языка работы: английский и русский 
• помимо прямого указания координат центра карты, есть опция для автоматического определения местоположения пользователя
• опция: показывать уровень пробок на дорогах

Видео урок с демонстрацией работы модуля

сервисы

• HTML Map generator - удобный Онлайн сервис для создания тегов USEMAP и AREA
• liveadd - быстро зарегистрировать сайт в liveinternet
• Конструктор  Яндекс Карт - удобный конструктор Яндекс карт с выгрузкой готового кода
• Модуль Joomla Конструктор Яндекс Карт - конструктор для Joomla который позволяет легко создать карту для сайта на основе Yandex карт
• XDan CMS 1.0 - дипломная работа с интереснейшей ORM, шаблонизатором и установщиком , Админ панель demo demo
• XDan CMS 2.0 - собственно этот сайт
• xdPuls - Система обратной связи для сайта - будь в курсе
• Онлайн синонимайзер текстов - автоматическая синонимизация текстов
• Joomla Module Generator - удобный конструктор Joomla модуля

PHP скрипты

• class.db.php - очень удобная надстройка над mysql_query 
• uno - удобная надстройка над joomla PDO
• xddialog.php - система диалогов по примеру vk.com(vkontakte.ru)
• tpl.php - простейший и очень удобный шаблонизатор на php
• class.jimage.php - PHP класс для быстрой пакетной обработки изображений
• miniMySQLAdmin- легкий аналог phpMyAdmin

jquery plugins

• xdGallery - небольшой плагин для создания галереи на jQuery
• xdCloudTags  - необычное облако тегов
• xdRetroClock - ретро часы на jQuery
• xdCheckbox - стилизация элементов checkbox при помощи jquery плагина
• DateTimePicker - удобнейший плагин для элементов формы выбора даты или времени

JavaScript

• selection - выполнено в виде jquery плагина, но не совсем плагин, а скорее просто реализация, того, как на js можно получить выделенный на странице текст
• xdRectPacker - класс для упаковки произвольных прямоугольников внутри прямоугольника. Метод упаковывания крайне прост и от этого очень медлителен, поэтому не рекомендую использовать большое число блоков
• xdFileStorage - библиотека для работы с файловой системой в браузере

ckeditor plugins

• onselect- создает в ckeditor событие на выделение текста
• uploader - плагин создает в статус строке редактора кнопку, нажав на которую вы сразу же приступаете к выбру файла. После выбора файла, файл автоматически скачивается на сервер по AJAX и вставляется в страницу
• XDSoft Translater- плагин для быстрого перевода текста с одного языка на другой. Может использовать 3 сервиса для перевода. Yandex Translate Maps API, Google Translate API и Bing Translate AP
• syn - при клике на слове плагин выводит список его синонимов, очень удобно при рерайте статьи
• stat - плагин выводит в статус строке редактора информацию о тексте: общее количество символов, количество выделенных символов, количество символов в Источнике
• backup - при любом изменении текста плагин автоматически сохраняет в хранилище браузера весь текст с пометкой времени. Также в статус строке браузера плагин создает выпадающий список, в котором можно выбрать из истории правок нужный текст. Эта история не удалится даже при экстренном закрытии браузера, включая такие форс мажорные ситуации, как BSOD или выключение света

Компонент можно пощупать по ссылке

сайт http://joomla.xdan.ru/yandeks-karty.html

администратор http://joomla.xdan.ru/administrator/

Логин:demo Пароль:demo

Пока нет системы оплаты, поэтому покупка осуществляется напрямую

Для покупки компонента пишите на ящик skoder@ya.ru

На этой страницы будут основные разделы компонента. На данный момент это три раздела. К релизу будут настройки компонента и раздел для создания шаблонов для объектов, раздел импорта/экспорта.

Список всех карт

Здесь выводятся все карты созданные вами. Карта - это основное звено компонента. Все категории и объекты прикрепляются потом к ней

Создание и редактирование карты

В настройках карты присутствуют почти все элемента из Yandex Maps API.

 Пришла пора написать серию статей по работе с одной моей разработкой Конструктором Яндекс Карт.Так как продукт уже довольно сложный, и оброс функционалом. Начнем с простых вещей.

В этой статье я расскажу, как сделать карту, которая будет перемещаться в ту сторону в которую вы перемещаете метку, находящуюся по середине карты. Вот, что мы хотим получить в результате  http://maps.xdan.ru/#hash=dmtJCBck

В уроке будут затронуты темы: добавление объектов, работа с шаблонами и работы с обработчиками событий.

Этот урок проще. Часто меня спрашивают, как вставить произвольный html код в тело балуна, или конкретнее: как вставить в него iframe. Дело еще в том, что стандартный конструктор Яндекса не позволяет из соображений безопасности вставлять в балун iframe. В моем конструкторе таких ограничений нет.  

Вот, что мы получим в результате http://maps.xdan.ru/#hash=mYzyMnRk

Возвращаюсь к урокам по работе в Конструкторе Yandex Карт. Достаточно простой урок и необходимая фича: показать на сайте уровень пробок в Вашем городе. При этом элемент контроля: trafficControl(Пробки) не всегда необходим. Особенно если карта будет маленькая.

Приступим. Откроем конструктор и найдем ту часть города, на которой мы хотели бы показать пробки. 

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

Находим в инспекторе объектов (правый верхний блок) элемент Карта. И кликаем на него. В левом блоке свойств объекта переходим на вкладку События. И нажимаем на + на против события onready