screenshot of transit map for urban planning course

Building a Transit Map Web App

This course examines the entire process of building an interactive, web-based mapping application.

  • Preview Course PREVIEW

Course Info

  • Duration 14 video lessons (84 Mins)
  • Published Published
    2017
Play Video

Preview Course Preview Course

Browse Course Chapters

  • Chapter Locked
    1.
    Introduction
    Chapter Duration 2 mins
  • Chapter Locked
    2.
    Find Me on GitHub
    Chapter Duration 1 min
  • Chapter Locked
    3.
    Setting Up Your Coding Environment
    Chapter Duration 8 mins
  • Chapter Locked
    4.
    jQuery, Bootstap, and Leaflet
    Chapter Duration 5 mins
  • Chapter Locked
    5.
    Developer Tools
    Chapter Duration 7 mins
  • Chapter Locked
    6.
    My First Map
    Chapter Duration 5 mins
  • Chapter Locked
    7.
    Connecting to the Metro API
    Chapter Duration 13 mins
  • Chapter Locked
    8.
    Mapping the Stops
    Chapter Duration 10 mins
  • Chapter Locked
    9.
    Zooming to Route
    Chapter Duration 3 mins
  • Chapter Locked
    10.
    Using My Icon
    Chapter Duration 4 mins
  • Chapter Locked
    11.
    Click and Map
    Chapter Duration 4 mins
  • Chapter Locked
    12.
    Removing Routes
    Chapter Duration 4 mins
  • Chapter Locked
    13.
    Real Time Buses
    Chapter Duration 9 mins
  • Chapter Locked
    14.
    Changing Your Basemap
    Chapter Duration 4 mins

Course Description

This course examines the entire process of building an interactive, web-based mapping application. It previews various technologies commonly used in building web-based visualization applications around municipal data. The course will use the Los Angeles Metro API to map every bus route currently run by the agency, map each bus stop, and conclude by displaying realtime locations of buses on any given route.

Although no prior programming experience is required, the course is specifically designed to bring out the "coder" in the "non-coder," and will teach the basics of internet programming languages. Different web technologies will be explored, including HTML, CSS, Javascript, jQuery, Google Maps API, and Leaflet.

Learn these skills

  • Data Visualization
  • GIS
  • Mapping
  • Technology
  • Transportation
  • Video & Multimedia
  • Google Maps

AICP CM

This course is approved for 1.5 AICP CM credit. 

SACPLAN CPD

This course is approved for 1.5 SACPLAN CPD point.

Meet Your Instructor

Yoh Kawano

Yoh Kawano

Yoh Kawano works at the UCLA GIS and Visualization Sandbox as a member of the Research Technology Group for the Institute for Digital Research and Education (IDRE), serving as the Campus GIS Coordinator.

Meet Instructor

Course Reviews

4.37
Carli Meyer

Carli Meyer

Normal
Fahad Albadain

Fahad Albadain

Satisfied
Ron Johnson

Ron Johnson

Extremely Satisfied
Ella Taylor

Ella Taylor

Extremely Satisfied

Course Reviews

47%
44%
9%
0%
0%
Carli Meyer

Carli Meyer

Normal
Fahad Albadain

Fahad Albadain

Satisfied
Ron Johnson

Ron Johnson

Extremely Satisfied
Ella Taylor

Ella Taylor

Extremely Satisfied
Mackenzie Watten

Mackenzie Watten

Satisfied
Rich Gacer 1

Rich Gacer 1

Extremely Satisfied
This course exceeded my expectations around building an interactive web application with map and transit data. The instructions in Github were clear and easy to follow. Will be referring to the code and API sources frequently.

Master Urban Planning Skills With A Planetizen Courses Subscription.

Sign up
Computer

High quality video lessons developed by experts.

Analytics

Complete course work to receive a certificate from Planetizen.

Certificate

Test your comprehension with course quizzes.

Cloud

Access reading lists, articles, and other materials prepared by instructors.