https://wgrand.com.ua/handlers/routes/templates/routes.js?_=290

1
2  var RoutesList = 
3  {
4    showLocation: function( obj, lat, lng )
5    {
6      var _this = this;
7      if( lat && lat != 0 && lng && lng != 0 )
8      {      
9        var station_descr = $( obj ).html();
10        var station_name = $( obj ).prev().html();
11        $( "#station_location_dialog_name" ).html( station_name );
12        $( "#station_location_dialog_descr" ).html( station_descr );
13        var url = `http://www.google.com/maps/place/${lat},${lng}`;
14        $( "#station_location_link" ).attr({href: url}).html(url);
15        
16        _this.clearMarkers();
17             
18        if( _this.map )
19        {
20          _this.map = null;
21        }
22        
23        $.colorbox({ 
24                      href: "#station_location_dialog", 
25                      inline: true, 
26                      onOpen:function()
27                      {
28                        _this.map = new mapboxgl.Map({
29                                  container: 'station_location_dialog_map',
30                                  style: 'mapbox://styles/mapbox/streets-v11',
31                                  center: [lng, lat],
32                                  zoom: 17                                
33                                });
34                                
35                        _this.map.on( 'load', function()
36                        {
37                          _this.drawMarker( lat, lng );
38                        });  
39                      },
40                      onComplete: function()
41                      {
42                        $( window ).on( 'hashchange.RoutesListStationLocationDialog', function( e )
43                        {
44                          $.colorbox.close();
45                        });
46                      },
47                      onClosed: function()
48                      {                      
49                        $( window ).off( 'hashchange.RoutesListStationLocationDialog' );
50                      }
51                  });
52      }
53    },
54    clearMarkers: function()
55    {
56      for( var i in this.markers )
57      {
58        this.markers[i].remove();
59      }
60      this.markers = [];
61    },
62    drawMarker: function( lat, lng )
63    {
64      var _this = this;
65      var el = document.createElement('div');
66      el.className = 'checkpoint_marker';                      
67      var m = new mapboxgl.Marker( el )
68                          .setLngLat( [lng, lat] )
69                          .addTo( _this.map );
70      _this.markers.push( m );
71      _this.map.resize();
72    },
73    toggleDetails: function( obj )
74    {
75      var schedule_item = $(obj).parents(".schedule_item");
76      if( schedule_item.length > 0 )
77      {
78        var dd = schedule_item.find( ".route_schedule_container" );      
79        var isVisible = dd.is(':visible'); 
80        
81        dd.slideToggle( 300, function()
82        {
83          var link = schedule_item.find( ".link_arrow_details" );
84          if( isVisible )
85          {
86            link.removeClass( "active" );
87            link.find("span").html(label_details);
88          }
89          else
90          {
91            link.addClass( "active" );
92            link.find("span").html(label_collapse);
93          }
94        });
95      }    
96    }
97  };