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

Creating Custom Web Maps

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 your team 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

History Of Web Maps

Understanding Raster Vs. Vector Data

Getting Started

Introduction To Leaflet

Setting Up Your Project

Setting Up Your First Map - Part 1

Setting Up Your First Map - Part 2

Features And Events

Markers - Part 1

Markers - Part 2

Markers - Part 3

Polylines, Polygons, And Circles - Part 1

Polylines, Polygons, And Circles - Part 2

Events - Part 1

Events - Part 2

Customizing The Base Map

Overview Of Base Map Tile Services

Creating A Mapbox Account

Custom Base Maps In Mapbox Studio - Part 1

Custom Base Maps In Mapbox Studio - Part 2

Adding Geospatial Data

Introduction To OpenStreetMap

Editing OpenStreetMap

Extracting OpenStreetMap Data

Introduction To QGIS

Filtering And Exporting Data In QGIS

Overview Of GeoJSON Format

Importing Data In Leaflet - Part 1

Importing Data In Leaflet - Part 2

Conclusion

Wrap Up

Good to know

Know what's good

, what to watch for

, 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

Save Creating Custom Web Maps to your list so you can find it easily later:

Save

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 haven't picked any books for this reading list yet.

Help others find this course page by sharing it with your friends and followers:

Facebook

Copy Link

Similar courses

Here are nine courses similar to Creating Custom Web Maps.

Display and analyze GIS data on the web with Leaflet

Most relevant

Geospatial Analysis With R : Go From Beginner To Advanced

Most relevant

Creating Geospatial Maps with MapServer and GDAL

Most relevant

Machine Learning for Predictive Maps in Python and Leaflet

Interactive maps with Mapbox!

Introduction to web programming for GIS applications

JavaScript Arrays and Collections

Visualizing Data with R

GIS Data Formats, Design and Quality

Effort

2 total hours

Via

Udemy

Instructor

Infinite Skills

Language

English

Good to know

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

Share and help others discover this course

Facebook

Link

Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.