Interactive maps with Mapbox!
4.3 (182 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
733 students enrolled

Interactive maps with Mapbox!

Data, Mapbox Studio, and Mapbox GL JS
4.3 (182 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
733 students enrolled
Created by Victor Temprano
Last updated 3/2018
English
Current price: $16.99 Original price: $24.99 Discount: 32% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create interactive maps with custom data in Mapbox
  • Understand data flow and requirements within Mapbox
  • Be able to create a totally custom styled map in Mapbox Studio
  • Feel confident using a huge variety of properties for Mapbox features
Course content
Expand all 31 lectures 04:18:25
+ Introduction
4 lectures 18:13

Get to know your instructor and what we'll be covering in the course.

Preview 04:00

We go over some different mapping APIs, strengths, weaknesses, and the differences between them.

Choosing a Map API
04:15

So, we're going with Mapbox! Why use it over other maps? What's hard about it?

Mapbox Strengths & Weaknesses
04:06

The crowning glory: Mapbox GL JS. What makes it special-er than other mapping APIs?

Mapbox GL JS Introduction
05:52
+ Geographic Data Online
3 lectures 44:09

What are the common data formats and file types that you'll find online and use for Mapbox? This episode goes over general data information when it comes to geography.

Preview 17:26

Data can come in a few flavours, but most data is either static (relatively unchanging) or dynamic (from an API or a live source). This and the following episode go over some examples of finding and working with data online.

Finding Data I
14:43

Data can come in a few flavours, but most data is either static (relatively unchanging) or dynamic (from an API or a live source). This and the previous episode go over some examples of finding and working with data online, including Open Street Map exports.

Finding Data II
12:00
+ Mapbox Studio & Data
6 lectures 48:20

Datasets can come into Mapbox as geoJSON or CSV. They have to have specific formats that Mapbox can be very strict about, and they have size limits as well.

This video goes over the Mapbox interface for editing datasets. See the previous video for more information about datasets more generally.

Intro to Mapbox Studio
08:52

Datasets generally represent geoJSON data uploaded to Mapbox, or created inside the Dataset editor. This episode goes over the interface and concept briefly.

Datasets
06:00

Tilesets are pre-rendered collections of vector data generated from datasets or uploaded on their own. There are many data formats allowed, and specific size formats.

Tilesets can be a little confusing, since you can't edit the data much directly, but you can style it and use the data in your analyses. Zoom levels may be restricted, we will touch on that in later episodes.

Tilesets
04:36

There's tons of things that can go wrong with your Mapbox uploads -- size, complexity, zoom extent, and more. GeoJSONs and shapefiles need to be manipulated at times as well.

Data Formatting
10:19

Zoom extent in particular is a problem for many people new to Mapbox maps. This episode shows you a few strategies for making sure your shapes show up at all zoom levels.

Zoom & Simplification
08:33

Mapbox Studio Classic is deprecated, but it can still be useful and sometimes even Mapbox recommend you use it. You can print, upload huge files and style them, and do a lot more, but it can be a little old at times!

Mapbox Studio Classic
10:00
+ Styling in Mapbox Studio
7 lectures 56:21

What is a Mapbox Style? How do you navigate in the interface? This episode gets you introduced to the Studio tool and its complexities.

Introduction to a Mapbox Style
10:06

Learn a bit about how to interact with layers, add and hide them, and style line features.

Layers & Simple Line Styling
08:40

Learn more about Mapbox Studio breakpoints when styling at zoom levels. More complex line styling also included here.

Breakpoints & More Line Styling
10:33

Learn how to style markers, symbols, and text in Mapbox Studio.

Label, Text & Symbol Styling
07:07

Learn some of the ways to style and change polygons or fills.

Fill/Polygon Styling
06:01

How do you set up your geoJSON so you'll be able to style different features differently? This episode shows you how to create a dataset in Mapbox for filtering.

Creating Filterable Data
08:26

Filtering data inside Mapbox Studio is really useful for "splitting up" data layers by shape or property.

Styling & Filtering Data by Properties
05:28
+ Mapbox GL JS: Coming from Studio
5 lectures 40:43

Learn how to load up a GL JS map and setting some basic options.

Getting Started in GL JS
09:26

It takes a little while to understand how data connects between Mapbox Studio and GL JS. This lesson begins to explain that connection!

Intro to Data in GL JS
05:08

Learn to add geoJSON sources as well as vector layer sources to your map, and how to interact with them.

Sources and Layers: Vector, JSON sources
09:53

Access sources and layers loaded in your Mapbox Style.

Sources and Layers from Styles
08:23

Solidify your knowledge of the connection between GL JS and Studio by learning to style in both places. Learn a little about text styling as well in GL JS.

Styling Existing Layers in GL JS
07:53
+ Mapbox GL JS: Layers, other topics
6 lectures 50:39

Learn how to change symbols used in vector icons on the front-end. Also a general discussion on updating Layout and Paint properties.

Icon-image Symbols
06:38

Another way to create markers -- pure HTML, with custom images or content.

Custom Markers
07:09
Lines, Fills, Fill Extrusions, Circles
08:02

We have already used some events, but in this video I go over them a little more closely and point out some common issues.

Events in GL JS
10:19

Use queryRenderedFeatures and querySourceFeatures to get data out of the map, and use it for your analyses.

Using Map Data: Query Features
11:44
Map Data: Setting Data Dynamically
06:47
Requirements
  • Some experience with HTML, CSS, and Javascript
  • Geographic knowledge is nice, but not required
Description

This course is a wide survey of using Mapbox in modern web applications. It covers everything you need to know: finding and formatting data, styling and understanding the web interface of Mapbox Studio, and building truly responsive and complex web maps using the modern Mapbox GL JS.

This course assumes you come with little knowledge of programming and geographic information, and there are videos to walk you through each step. You'll learn to create big, beautiful custom maps and all the different ways your users can interact with those maps.

It's going to be a great time! Let's get mapping!

Who this course is for:
  • People who want to make beautiful interactive maps using Mapbox Studio and Mapbox GL JS
  • Developers looking to increase their skills with interactive maps
  • Business owners trying to leverage the power of maps in their applications
  • Designers trying to get into making online maps