GTFS Trips

let agency, calendar_dates, calendar, feed_info, routes, stop_times, stops, trips;

​

​

let myMap;

let canvas;

const key = 

'pk.eyJ1IjoidmFuaG9hbiIsImEiOiJja29vMjRxZXcwNzZhMnZzanRrdzBzcDF3In0.eW_S-Myq_8vv6bOkHcagRg';

const mappa = new Mappa('Mapbox', key);

​

​

let minutes = 0;

​

let json; // = {};

​

// Lets put all our map options in a single object

const options = {

  lat: 51.1657,

  lng: 10.4515,

  zoom: 6,

  studio: true,

  style: "mapbox://styles/vanhoan/ckxd9z2yl0fw414qmo3vyjghb"

}

​

function preload() {

  agency = loadTable('agency.txt', 'csv', 'header');

  calendar_dates = loadTable('calendar_dates.txt', 'csv', 'header');

  calendar = loadTable('calendar.txt', 'csv', 'header');

  feed_info = loadTable('feed_info.txt', 'csv', 'header');

  routes = loadTable('routes.txt', 'csv', 'header');

  stop_times = loadTable('stop_times.txt', 'csv', 'header');

  stops = loadTable('stops.txt', 'csv', 'header');

  trips = loadTable('trips.txt', 'csv', 'header');

​

  json = loadJSON("trips.json");

}

​

function setup() {

  canvas = createCanvas(windowWidth, windowHeight);

​

  myMap = mappa.tileMap(options);

  myMap.overlay(canvas);

}

​

function draw() {

  clear();

​

  // Time (fast forward)

  fill(255);

  text(nf(minutes / 60, 2, 0) + ":" + nf(minutes % 60, 2, 0) + " Uhr", 50, 25);

  // Draw current trips from pregenerated json file

  fill(255, 100);

  stroke(255, 0, 100);

  if (json[minutes + ""] != null) {

    coords = json[minutes + ""].coords;

    for (c = 0; c < coords.length; c += 2) {

      point = myMap.latLngToPixel(coords[c], coords[c + 1]);

      ellipse(point.x, point.y, 3, 3);

    }

  }

​

  // Advande fast forward time

  if (minutes < Object.keys(json).length)

    minutes += 1;

  else

    minutes = 0;

​

  // Draw all stops from GTFS

  noFill();

  stroke(0);

  for (r = 0; r < stops.getRowCount(); r++) {

    stop_lat = stops.getNum(r, "stop_lat");

    stop_lon = stops.getNum(r, "stop_lon");

    stop = myMap.latLngToPixel(stop_lat, stop_lon);

    ellipse(stop.x, stop.y, 5, 5);

  }

}