We may earn an affiliate commission when you visit our partners.

Creating Custom Web Maps

Infinite Skills

4.5

Based on 187 ratings

, see reviews

Infinite Skills

In this Creating Custom Web Maps training course, expert author Matt Sidor will teach you how to create custom web maps using Leaflet, Mapbox, or OpenStreetMap. This course is designed for users that already have experience with building web applications.

You will start with an introduction to Leaflet and learning how to set up your first map. From there, Matt will teach you about custom basemaps in Mapbox Studio. This video tutorial also covers OpenStreetMap, including how to edit in OpenStreetMap, extract OpenStreetMap data, and filter and export data in QGIS. Finally, you will learn how to import GeoJSON data in Leaflet.

Once you have completed this computer based training course, you will have learned how to create your own custom web maps using Leaflet, Mapbox, or OpenStreetMap. Working files are included, allowing you to follow along with the author throughout the lessons.

Enroll now

Or start a personal plan

And upskill with Udemy

What's inside

Learning objectives

Once you have completed this training course, you will have learned how to create your own custom web maps using leaflet, mapbox, or openstreetmap

Learn how to create your own custom web maps

Once you have completed this training course, you will have learned how to create your own custom web maps using leaflet, mapbox, or openstreetmap
Learn how to create your own custom web maps

Syllabus

Introduction

Important - Download These First - Working Files

Introduction To Web Maps

About The Author

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Develops skills for creating and deploying web apps

Tailored for learners who are already experienced with web apps

Extends capabilities of Leaflet by integrating with Mapbox and OpenStreetMap

Leverages QGIS, a widely used tool in the industry

Provides hands-on experience with working files

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

Custom web maps: clear & practical guide

According to learners, this course provides a strong foundation in creating custom web maps, particularly praising the clear explanations and hands-on approach by the instructor. Students find the working files and practical exercises highly beneficial for immediate application in professional projects. While it effectively covers essential tools like Leaflet, Mapbox, OpenStreetMap, and QGIS, some learners note that the course assumes prior web development experience and a basic understanding of GIS. A few mention minor challenges with outdated library versions or uneven pacing in certain sections, requiring some independent troubleshooting. Overall, it's considered a very useful resource for developers looking to gain practical web mapping skills.

Matt Sidor provides exceptionally clear and engaging explanations.

"The instructor, Matt Sidor, explains complex concepts like Leaflet and Mapbox with incredible clarity."

"The instructor's teaching style is engaging and easy to follow."

"Matt Sidor does a great job explaining the fundamentals."

Strong emphasis on hands-on exercises and working files.

"The hands-on examples and working files are super helpful."

"The practical exercises really cement the learning."

"I was able to apply what I learned to my current projects almost immediately."

"Incredibly practical and useful course. The hands-on approach with Leaflet and the clear explanations for using Mapbox Studio and QGIS made this a standout."

Pacing can be uneven, some topics rushed, others detailed.

"I felt the pace was a bit uneven. Some topics were covered in great detail, others felt rushed."

"Some parts, particularly around QGIS, could have benefited from a slightly slower pace."

Some tools/libraries might require independent troubleshooting.

"Some parts feel a bit dated now, especially some of the library versions or external tool interfaces."

"I had to do some troubleshooting on my own to get things working."

"When issues arose with setup (e.g., specific library versions), there wasn't enough guidance."

Requires prior web development and some GIS knowledge.

"It definitely assumes you're already very comfortable with web app development and potentially GIS."

"Assumes a decent level of prior web development knowledge... also a baseline understanding of GIS principles might help."

"While it states 'experience with building web applications' is needed, I felt some parts, particularly around QGIS, could have benefited from a slightly slower pace or more context for those less familiar with GIS tools."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Creating Custom Web Maps with these activities:

Review JavaScript fundamentals

Show steps

Refresh your JavaScript fundamentals to ensure you have a solid foundation for working with Leaflet and other web mapping libraries.

Browse courses on JavaScript

Show steps

Review online tutorials or resources on JavaScript syntax.
Practice writing simple JavaScript code snippets.

Attend industry conferences and meetups

Show steps

Engage with the web mapping community by attending industry conferences and meetups to expand your network and stay updated on the latest trends.

Browse courses on Networking

Show steps

Research upcoming industry conferences and meetups.
Attend sessions and presentations to gain insights.
Network with other attendees and industry professionals.

Explore Leaflet documentation and tutorials

Show steps

Review Leaflet's documentation and tutorials to gain a solid understanding of its features and capabilities.

Browse courses on Leaflet

Show steps

Visit Leaflet's website and read the user guide.
Follow the Leaflet tutorials to create basic interactive maps.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Create practice maps in Leaflet

Show steps

Practice creating custom maps in Leaflet to reinforce your understanding and develop proficiency.

Browse courses on Leaflet

Show steps

Design a simple map with markers and polylines.
Add custom icons and event handling to your maps.
Use Leaflet plugins to extend the functionality of your maps.

Connect with experienced web map developers

Show steps

Seek guidance from experienced web map developers to accelerate your learning and gain valuable industry insights.

Browse courses on Mentoring

Show steps

Attend online forums and meetups dedicated to web mapping.
Reach out to industry professionals on LinkedIn or Twitter.
Request mentorship from your instructors or colleagues.

Build a web map showcasing your skills

Show steps

Create a comprehensive web map that demonstrates your mastery of Leaflet, Mapbox, or OpenStreetMap.

Browse courses on Web Mapping

Show steps

Select a real-world dataset and design a map to visualize it.
Use a combination of Leaflet, Mapbox, or OpenStreetMap to create an interactive and visually appealing map.
Incorporate data visualization techniques to make your map informative.
Document your code and share your map online.

Contribute to open-source web mapping projects

Show steps

Participate in open-source web mapping projects to gain hands-on experience and contribute to the broader community.

Browse courses on Open Source

Show steps

Identify open-source web mapping projects on GitHub.
Review the project's documentation and contribute code or bug fixes.
Collaborate with other developers to improve the project.

Develop a web mapping solution for a real-world problem

Show steps

Apply your web mapping skills to solve a real-world problem and create a tangible solution.

Browse courses on Project-Based Learning

Show steps

Identify a problem that can be addressed using web mapping.
Design and develop a web map solution that meets the problem's requirements.
Present your solution to potential stakeholders or users.

Career center

Learners who complete Creating Custom Web Maps will develop knowledge and skills that may be useful to these careers:

Reading list

We've selected 50 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Creating Custom Web Maps.

Geographic Information Science and Systems

Save

A comprehensive textbook on GIS and spatial science, covering topics such as data models, spatial analysis, and applications in various fields.

Creating Custom Web Maps

What's inside

Learning objectives

Syllabus

Traffic lights

Save this course

Reviews summary

Custom web maps: clear & practical guide

Activities

Career center

Reading list

Share

Similar courses

Udemy Buyer Protection & Guarantee

Free Lecture Previews

30-Day Money-Back Guarantee

Verified Academic & Industry Partner