3.98 out of 5
3.98
168 reviews on Udemy

Interactive maps with Mapbox!

Data, Mapbox Studio, and Mapbox GL JS
Instructor:
Victor Temprano
680 students enrolled
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

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!

Introduction

1
Course Introduction

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

2
Choosing a Map API

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

3
Mapbox Strengths & Weaknesses

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

4
Mapbox GL JS Introduction

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

Geographic Data Online

1
Introduction to Data

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.

2
Finding Data I

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.

3
Finding Data II

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.

Mapbox Studio & Data

1
Intro to Mapbox Studio

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.

2
Datasets

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

3
Tilesets

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.

4
Data Formatting

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.

5
Zoom & Simplification

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.

6
Mapbox Studio Classic

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!

Styling in Mapbox Studio

1
Introduction to a Mapbox Style

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

2
Layers & Simple Line Styling

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

3
Breakpoints & More Line Styling

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

4
Label, Text & Symbol Styling

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

5
Fill/Polygon Styling

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

6
Creating Filterable Data

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.

7
Styling & Filtering Data by Properties

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

Mapbox GL JS: Coming from Studio

1
Getting Started in GL JS

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

2
Intro to Data in GL JS

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

3
Sources and Layers: Vector, JSON sources

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

4
Sources and Layers from Styles

Access sources and layers loaded in your Mapbox Style.

5
Styling Existing Layers in GL JS

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.

Mapbox GL JS: Layers, other topics

1
Icon-image Symbols

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

2
Custom Markers

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

3
Lines, Fills, Fill Extrusions, Circles
4
Events in GL JS

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

5
Using Map Data: Query Features

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

6
Map Data: Setting Data Dynamically
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4
4 out of 5
168 Ratings

Detailed Rating

Stars 5
70
Stars 4
40
Stars 3
38
Stars 2
15
Stars 1
5
c985ccfddcde37dcb51a9df1cb7204b7
30-Day Money-Back Guarantee

Includes

4 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion