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

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

<metro                 
    stations="stations"  
    on-select="showInfo"  
    map-url="./bower_components/dvhb_metro/lib/metro.svg"> 
    <div metro-info offset="{top: 20}"> 
        <b>{{station.name}} 
        <i>{{station.info}} 
    </div> 
</metro>

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]]
            ;
        }
    })