qtrandev / LeafletTransit

LeafletJS app showing Miami-Dade Transit buses. Uses JavaScript, Angular, JQuery, Bootstrap, and Leaflet Awesome markers. Presented to the Mayor of Miami-Dade County around 2016. http://qtrandev.github.io/LeafletTransit

Home Page:http://qtrandev.github.io/LeafletTransit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LeafletTransit

What

This is a LeafletJS-based prototype of a real time map for various transit systems, including Miami-Dade Transit and various trolley services.

Live demo is at http://qtrandev.github.io/LeafletTransit. Past demo is at http://www.qtrandev.com/transit2

Reload the site often for the latest data to show. (Can use Shift + Reload button for full page refresh)
Press F12 in your browser to view the Javascript console for any errors.

The following data are shown

  • Live buses
  • Routes of the live buses and their official route color
  • Bus stops of the routes
  • Citi bikes
  • Points of interest

Depends on https://github.com/CyberStrike/miami-transit-api to retrieve data from http://www.miamidade.gov/transit. During night-time when no bus data is returned, no buses are shown.
See http://miami-transit-api.herokuapp.com for API documentation.

Status

Beta. Working out bugs and looking at design.

Screenshots

Screenshot 1

Screenshot 2

Screenshot 3

Screenshot 4

Screenshot 5

Screenshot 6

Screenshot 7

Why

Shows where all the Miami transit options are. Goal: Can you go to one website and see where your bus is or where the citibikes are or where to get off for the landmarks like the American Airlines Arena, etc?

Who

Code for Miami

How

Dependencies

JQuery
AngularJS
Bootstrap
LeafletJS

Install

Download as a zip or checkout the files.

Deploy

Upload every file and folder to a web server handling static HTML pages.

Testing

Use a Javascript debugger to debug such as in Firefox or Chrome.

Contribute

Pull requests are accepted.
Add issues and features in issues list. Make the change yourself by editing the file in the dev branch on GitHub and make a pull request.
See https://github.com/Code-for-Miami/getting-started/wiki/Contributor-Workflow

Related Projects

AndroidTransit - Displaying Miami Transit information in an Android app.
MeteorTransit - Displaying Miami Transit information in an Meteor app.

License

Licensed through Code for America LICENSE.md file.

Attributions

Miami-Dade Transit
City of Miami Trolley
City of Doral Trolley
Citi Bike Miami
Any Origin

About

LeafletJS app showing Miami-Dade Transit buses. Uses JavaScript, Angular, JQuery, Bootstrap, and Leaflet Awesome markers. Presented to the Mayor of Miami-Dade County around 2016. http://qtrandev.github.io/LeafletTransit

http://qtrandev.github.io/LeafletTransit


Languages

Language:JavaScript 84.3%Language:HTML 14.5%Language:CSS 1.2%