Build a Web Map with Open Source Tools

*
Accepted Session
Long Form
Intermediate
Scheduled: Wednesday, June 24, 2015 from 10:00 – 11:45am in B301

Excerpt

Come learn to make a map on the web! In this tutorial, we will build an interactive, data-filled web map using a number of open source tools including Mapbox.js (a JavaScript library based on Leaflet.js). We will cover several options for interactivity and data sources, and show how to integrate with external APIs and other mapping tools.

Description

Traditional geospatial technology has been stuck inside expensive, closed source silos. Fortunately, this is changing quickly! The world of open source mapping technology is exploding with new tools and libraries for making smart, beautiful, interactive maps.

This tutorial will focus specifically on building interactive web maps based on Mapbox.js, a flexible extension to the popular Leaflet.js library. We will cover:

- how maps work, from a technical perspective
- building a map from scratch with the Mapbox.js library
- adding data to our map
- adding interactivity to our map
- integrating with other open source APIs

By the end of this session, you will have the skills and knowledge to create an open source web map to meet your own needs. There will also be time to talk about Mapbox’s other open source libraries and tools, including Turf.js (basic GIS analysis utilities), Mapbox Directions (routing), Surface API (querying arbitrary spatial datasets), Mapbox Studio (powerful map styling), and more. While keeping things moving, I will be happy to answer questions and allow attendee interests to guide the tutorial’s details.

Tags

javascript, maps, mapbox, geo, geospatial, mapping, js

Speaking experience

I haven't given this specific talk before, but I've led introductory mapping tutorials many times. As far as conferences, I have spoken and led beginner-focused tutorials/workshops at State of the Map US 2014 (slides: http://bit.ly/maptime-sotm), the 2014 Esri User Conference (slides: http://bit.ly/maptime-esri), the 2014 Code for America Summit (video: https://www.youtube.com/watch?v=Jh-cpTGCuTQ), FOSS4G 2014 (video: https://vimeo.com/106228929 and http://bit.ly/maptime-foss4g), the 2014 NACIS Annual Meeting (slides: http://lyzidiamond.com/nacis-talk and http://bit.ly/maptime-nacis)/, and (by the time of OSB) FOSS4G-North America 2015, CalGIS 2015, and State of the Map US 2015. Aside from conferences, I've led tutorials at numerous Maptime meetups in Portland, Oakland, and San Francisco (slides on my GitHub: https://github.com/lyzidiamond), and I teach a class at City College of San Francisco called "Web Mapping Quick Start." I have also given Ignite talks at both Ignite Portland in 2013 (video: https://www.youtube.com/watch?v=-SiC2tLFkzQ) and Ignite Oakland in 2014 (video: https://vimeo.com/92434532).

Speaker

  • Lyzi

    Lyzi Diamond

    Mapbox

    Biography

    Lyzi Diamond is an educator, community organizer, and developer working primarily with geospatial technology. She is the Education Lead at Mapbox where she creates and promotes tutorials, workshops, and documentation for Mapbox tools and heads up the Mapbox Education initiative. Lyzi is also a co-founder of Maptime, an international, open source educational community for small-group learning about open source spatial analysis, web mapping, and general geographic goodness. Formerly, Lyzi was a 2014 Fellow at Code for America and a GIS Technician at the Oregon Department of Geology and Mineral Industries. She holds a dual-degree in Geography and Planning, Public Policy, and Management from the University of Oregon, and she currently resides in Oakland, CA.

    Sessions

      • Title: Build a Web Map with Open Source Tools
      • Track: Cooking
      • Room: B301
      • Time: 10:0011:45am
      • Excerpt:

        Come learn to make a map on the web! In this tutorial, we will build an interactive, data-filled web map using a number of open source tools including Mapbox.js (a JavaScript library based on Leaflet.js). We will cover several options for interactivity and data sources, and show how to integrate with external APIs and other mapping tools.

      • Speakers: Lyzi Diamond