• Яндекс Карты на Joomla CMS

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

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

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

     

     Конструктор Яндекс Карт в виде модуля mod_xdsoft_ymaps

    Возможности

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

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

  • сервисы

    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

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

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

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

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

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

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

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