We may earn an affiliate commission when you visit our partners.
Course image
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.

Read more

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

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

Syllabus

Introduction
Important - Download These First - Working Files
Introduction To Web Maps
About The Author
Read more
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
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
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
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
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
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
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
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
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.

Share

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

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
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.

© 2016 - 2024 OpenCourser