https://github.com/dvhb/metro

Metro map
https://github.com/dvhb/metro

angular javascript metro subway

Last synced: about 2 months ago
JSON representation

Metro map

• Host: GitHub
• URL: https://github.com/dvhb/metro
• Owner: dvhb
• License: mit
• Created: 2015-06-27T07:30:53.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2020-09-20T22:11:12.000Z (almost 4 years ago)
• Last Synced: 2024-07-08T20:22:11.694Z (2 months ago)
• Topics: angular, javascript, metro, subway
• Language: JavaScript
• Homepage: https://dvhb.github.io/metro
• Size: 773 KB
• Stars: 35
• Watchers: 24
• Forks: 10
• Open Issues: 1
• Metadata Files:
  • Readme: README-RU.MD
  • License: LICENSE

Awesome Lists containing this project

README

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

**@dvhb/metro** - библиотека для отображения схемы метрополитена. Позволяет выбирать станции на карте и отображать информацию о них.

## Демонстрация

http://dvhb.github.io/metro/

## Установка через npm

```

npm i @dvhb/metro --save

```

## Требования

- jquery

- angular >= 1.3

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

```html

```

```html



  


    {{station.name}}

    {{station.info}}

  



```


```js

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]]

      };

    }

  })

```

## Директивы

### SubwayMap

Аттрибут | Тип | Описание 

---------|-----|---------

stations | `Array \| Object` | список активных (доступных для выбора) станций. Может быть массивом с именами станций или объектом, где каждый ключ является названием станции

on-select | `Function(names, coords)` | функция, которая будет вызвана при выборе станции. 

map-url | `String` | ссылка на svg с картой

### MetroInfo

Всплывающее окно с информацией о выбранной станции

Аттрибут | Тип | Описание

---------|-----|-----------

offset|`{top: Number, left: Number}`| отступ от позиции станции

# Перевод

Readme для **@dvhb/metro** также также доступен на других языках:

* :us: [Английский](https://github.com/dvhb/metro/blob/master/README.MD)

* :ru: [Русский](https://github.com/dvhb/metro/blob/master/README-RU.MD)

# Лицензия

[MIT License](./LICENSE) © [dvhb](http://dvhb.com/)

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