Skip to content

виджет визуализации карты метрополитена

Notifications You must be signed in to change notification settings

ArchiTecTor/jquery.genMetroMap

Repository files navigation

плагин генерирующий виджет отображения карты метро
 карта генерится из select списка
    список должен быть следующего формата:
    1) иметь группирующие теги optgroup в которых обязательно должны быть указаны
        поле label (имя линии метро) и цвет элемента (style="color:red" передается всем станциям)
    2) иметь теги для указания параметров станций - option со следующими параметрами:
        поле x и поле y указывающие на координаты левого верхнего угла относительно контейнера
        содержащего карту, а также тег должен содержать какойто текст, который будет использоваться
        как название станции.
 
 после создания списка сгенерировать виджет для каждого из них можно командой:
 
    $('.metro').genMetroMap({
        onSelect: function,
        onDeselect: function,
        onInit: function,
        mapUrl: string
    });
        
        mapUrl - путь до изображения с картой, которая будет играть роль подложки, обязательный параметр
        onSelect() - будет вызван при выборе невыбранной станции, как в списке так и в виджете
        onDeselect() - будет вызван при отмене выбора ранее выбранной станции, как в списке так и в виджете
        в эти 2 метода по ссылке this передается объект содержащий 2 поля:
        {
            option: option, // не обернутый элемент HTMLOption
            button: $(button), //обернутый в jquery элемент HTMLButton 
        }
        
        onInit() - будет вызван в конце построения карты, необходим для пост инициализирующих настроек
        в него в качестве this передается указатель на обернутый в jquery контейнер span в котором
        содержатся карта и кнопки станций

About

виджет визуализации карты метрополитена

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published