Home

Awesome

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://codeformiami.org/LeafletTransit. Past demo is at http://www.qtrandev.com/transit

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

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

<img src="http://www.qtrandev.com/transit5/screenshots/screenshot1.png" alt="Screenshot 1" width="50%"> <img src="http://www.qtrandev.com/transit5/screenshots/screenshot2.png" alt="Screenshot 2" width="50%"> <img src="http://www.qtrandev.com/transit5/screenshots/screenshot3.png" alt="Screenshot 3" width="50%"> <img src="http://www.qtrandev.com/transit5/screenshots/screenshot4.png" alt="Screenshot 4" width="50%"> <img src="http://www.qtrandev.com/transit5/screenshots/screenshot5.png" alt="Screenshot 5" width="50%"> <img src="http://www.qtrandev.com/transit5/screenshots/screenshot6.png" alt="Screenshot 6" width="50%"> <img src="http://www.qtrandev.com/transit5/screenshots/screenshot7.png" alt="Screenshot 7" width="50%">

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