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
  • 4.39
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

Join thousands of urban planners on Planetizen Courses

Very good pace, and I love the github aids - great course thank you!
- Will S.
5 Star Review 5 Star Review 5 Star Review 5 Star Review 5 Star Review

Master Urban Planning Skills With A Planetizen Courses Subscription.

Try Free Courses
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.