Fork me on GitHub

Схема метрополитена

dvhbMetro — библиотека для отображения схемы метрополитена. Позволяет выбирать станции на карте и отображать информацию о них.

Github: dvhb/metro

Сделано с помощью

AngularJS

Зависимости

AngularJS >= 1.3, jQuery

Установка

npm i @dvhb/metro --save

Использование



            
        
            angular
    .module('App', ['dvhbMetro'])
    .controller('MainCtrl', function ($scope) {
        $scope.stations = {
            "Курская (Кольцевая)": "ТЦ «Атриум», 3 эт., с 9:00 до 21:00",
            "Фили": "ТЦ «Филёвский», 1 эт., с 10:00 до 21:00",
            "Войковская": "ТЦ «Войковский», 2 эт., с 8:00 до 22:00",
            "Спартак": "ТЦ «Колизей», 1 эт., с 8:00 до 22:00"
        };

        $scope.station = {};

        $scope.showInfo = function (names, position) {
            $scope.station = {
                name: names[0],
                info: $scope.stations[names[0]]
            };
        }
    })
        

Демо

Схема метро Москвы
Схема метро Санкт-Петербурга
{{station.name}}
{{point.name}}
{{point.info}}
Телефон: {{point.tel}}
{{station.name}}
{{point.name}}
{{point.info}}
Телефон: {{point.tel}}

Документация

https://github.com/dvhb/dvhb-metro/blob/master/README.MD

Change log

Версия 0.4.8

5 мая, 2017

Добавлена схема Санкт-Петербургского метрополитена.
Уменьшение размера svg-файлов.
Версия 0.4.6

6 апреля, 2017

Обновлена схема Московского метрополитена.
Добавлены станции метро "Минская", "Ломоносовский проспект", "Раменки" (Солнцевская линия)
Версия 0.4.5

6 апреля, 2017

Новый шаблон проекта
Изменение структуры svg-карты для возможности использования любой карты метрополитена
Версия 0.4.2

8 февраля, 2017

Добавлена новая линия Московского метрополитена – "Московское центральное кольцо"
Изменение структуры svg-карты для возможности использования любой карты метрополитена

Лицензия

Данная библиотека распространяется по лицензии MIT © dvhb

Дизайн карты метро © Студия Артемия Лебедева