Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 (over 9 years ago)
- Default Branch: master
- Last Pushed: 2020-09-20T22:11:12.000Z (over 4 years ago)
- Last Synced: 2024-10-11T01:14:13.705Z (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/)
Дизайн карты метро © Студия Артемия Лебедева