We may earn an affiliate commission when you visit our partners.
Course image
Michael Miller

"This is a great and advanced web mapping application course to solve real world problem. It's very to follow up and the instructor is very knowledgeable. I would recommend it to anyone who is interested in the field webmapping. Thanks Michael."

Read more

"This is a great and advanced web mapping application course to solve real world problem. It's very to follow up and the instructor is very knowledgeable. I would recommend it to anyone who is interested in the field webmapping. Thanks Michael."

"Very nice course on using leaflet to build web maps. Many aspects of leaflet and leaflet plugins are covered along with some more advanced analysis using turf. The code examples are helpful in getting started with leaflet maps and adding widgets for interacting with the map."

This course will provide you with the knowledge you need to

  • create a Leaflet web map
  • add map controls
  • choose from a variety of background maps
  • add your own GIS to it
  • style your data
  • find specific data
  • analyze spatial relationships

At the end of the course you will be able to create web interfaces to view, search, and analyze your GIS data and make them accessible to anyone with a web interface for free. This course requires only a text editor and an open source web server to get started designing web GIS applications.

Enroll now

What's inside

Learning objectives

  • Learn to find and zoom to your position on a map
  • Learn to use leaflet controls for user interface, geocoding, editing, and loading data
  • Learn what background maps are available and how to use them
  • Learn to create vector data and style it in your map
  • Learn how to export your gis data to geojson format and load it into the map
  • Learn how to filter a subset of your data
  • Learn how to search for specific data elements and view their attributes
  • Learn how to analyze spatial relationships
  • Much, much, more!

Syllabus

Introduction
Optional - About Me

Learn about the basics of client server architecture and how it differs from programming on a single user system.

Read more

How to download and install the software required for this course.

Understand what a URL is and how to work with the local host web server

Set up the directory structure necessary for your first web map.

Writing the HTML, CSS, and JavaScript necessary to create a basic web map

Learn how the Leaflet on-line documentation is organized

Learn how to navigate the Leaflet on-line documentation

Learn how to find, understand, and load Leaflet plug-ins into your web mapping application

Learn about the editors that are available for different operating systems and their benefits.

Test yourself on the concepts learned in this section

Learn how to use the methods and events of the Leaflet map object to find your location, zoom to a different location, add controls, and much more.

Learn the basics of the Leaflet map object

Programming the Leaflet map object

Learn how to use Leaflets location method to locate your device on the map

Access the Leaflet map objects events and methods in response to DOM events and modify the DOM in response to map events

Learn about using popups and tooltips in Leaflet

Learn how to use and modify the native Leaflet map controls

Replace the native zoom control with a sliding zoom control and add panning buttons

Replace the native Leaflet zoom control with a sliding zoom control and add panning buttons

Add a mouse coordinate and measure control

Learn to install and use the Leaflet easy button and sidebar controls

Learn about some other Leaflet plugin map controls including geocoding and routing.

Lear how to use background and overlay layers in leaflet to display raster and vector data.

Learn the basics of layers in Leaflet

Learn about the different basemaps that are available for Leaflet maps and how to find more.

Learn how to use the Leaflet layer control

Raster overlays
Vector layers in Leaflet

Learn the basics of Leaflet vector overlay layers

Learn the basics of using Leaflet marker objects for displaying pont data

Learn about the path abstract object and the Leaflet polyline object

Learn how to create and work with polygons in leaflet

Work with layer groups and feature groups in Leaflet

Learn how to install the Leaflet.draw plugin and use it to create geometries

A review of the GeoJSON data format for spatial objects

Learn how the Leaflet GeoJSON object is used to create spatial features

Load a GeoJSON data file from disk using the Leaflet.ajax plugin

Learn about other sources of vector data that can be added to your Leaflet map.

Styling vector data

Learn the different methods for styling markers that re native in Leaflet

Use circleMarkers and circles to style Leaflet marker objects

Learn about some of the plugins available to style Leaflet marker objects

Learn how to create your own custom Leaflet marker icons from an image.

Learn how to use the Leaflet.markercluster plugin to de-clutter your marker data

Learn all about the native Leaflet methods for styling polylines and polygons

Learn about some Leaflet plugins for styling lines and polygons and how to find more.

Learn how to define colors in HTML and CSS

Searching, filtering, and analyzing data in Leaflet

Introduction to searching for, filtering, editing, and analyzing spatial data with Leaflet methods

Use your HTML and CSS skills to create a search box and button

Write the JavaScript functions and event handlers to respond to events and search for data by attributes

Understand how the jQuery UI autocomplete widget works and use it to provide a list of valid entries

Learn how to use the autocomplete functionality to validate user form entries

Learn how to generalize a function to reduce code and minimize errors.

Use a radio button selection to filter data

Learn how to filter data using a selection of check boxes

Learn how to edit geometries using the Leaflet.draw plugin

Finding Nearest Feature - Part 1
Finding nearest feature - Part 2
Analyzing data with Turf.js in Leaflet

Introduction to Turf.js and simple buffering

Buffering based on feature attribute
Spatial analysis - Point in Polygon
Spatial analysis - Filtering a feature class
Spatial Analysis - Intersecting polygons
Spatial Analysis - Summarizing polygon feature collections
Spatial Analysis - Intersecting lines with polygons
Summary
Bonus Material
Designing for mobile applications

Includes some setup files and a project challenge to build an application to calculate biological diversity

How to move your web application from localhost to a web server. Includes demonstration.

Introduction to different strategies for creating legends in Leaflet and an introduction to SVG graphics

Adding a legend to our example project, making them dynamic with JavaScript and an introduction the the legend control plug-in

Make your legends respond to layer selection events to dynamically show only the items that are displayed in the map.

The QGIS2Web plugin for QGIS allows you to author maps in QGIS and automatically generate a leaflet web map. Its a great way to quickly get a basic map started that you can then modify to your heart's content.

Bonus Lecture: How to get the most from my series of Udemy courses.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Appropriate for intermediate learners seeking to advance their web mapping knowledge and skills
Taught by a knowledgeable instructor with experience in the field
Covers a comprehensive range of topics, from basic concepts to advanced analysis techniques
Utilizes hands-on exercises and examples to reinforce learning concepts
Provides practical skills that can be directly applied to real-world projects
Requires only basic software and tools, making it accessible to most learners

Save this course

Save Display and analyze GIS data on the web with Leaflet 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 Display and analyze GIS data on the web with Leaflet with these activities:
Review basics of GIS data structure
Reinforce the fundamental concepts of data structure and representation in GIS to enhance comprehension during the course.
Browse courses on GIS
Show steps
  • Revisit the principles of spatial data models (e.g., raster, vector)
  • Review common file formats used in GIS (e.g., Shapefile, GeoJSON)
Explore Leaflet tutorial series
Deepen understanding of Leaflet by following comprehensive tutorials that cover its core concepts and functionalities.
Show steps
  • Watch the Leaflet tutorial series on the official website
  • Work through hands-on exercises to apply the concepts
Create Leaflet map using code snippets
Solidify coding proficiency in Leaflet by replicating and modifying provided code snippets to create custom maps.
Show steps
  • Find code snippets for Leaflet map creation
  • Experiment with different code variations to customize the map
One other activity
Expand to see all activities and additional details
Show all four activities
Project: Implement Leaflet map for a custom dataset
Test knowledge and skills by developing a functional Leaflet map application that leverages a custom dataset.
Show steps
  • Acquire a suitable dataset for mapping
  • Design and implement a Leaflet map to display the data
  • Incorporate features for user interaction and data exploration

Career center

Learners who complete Display and analyze GIS data on the web with Leaflet will develop knowledge and skills that may be useful to these careers:
GIS Analyst
GIS Analysts use geographic information systems software to collect, analyze, and display geographic data. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for GIS Analysts who need to create interactive maps for a variety of purposes, such as planning, land use, and environmental management.
Web Developer
Web Developers design and develop websites and web applications. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for Web Developers who need to create interactive maps for a variety of purposes, such as real estate, tourism, and e-commerce.
Data Analyst
Data Analysts collect, analyze, and interpret data to help businesses make informed decisions. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for Data Analysts who need to create interactive maps for a variety of purposes, such as market research, customer segmentation, and risk assessment.
Cartographer
Cartographers create maps and other graphic representations of geographic data. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for Cartographers who need to create interactive maps for a variety of purposes, such as navigation, land use planning, and environmental management.
Geospatial Analyst
Geospatial Analysts use geographic information systems software to collect, analyze, and display geographic data. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for Geospatial Analysts who need to create interactive maps for a variety of purposes, such as environmental planning, natural resource management, and disaster response.
GIS Developer
GIS Developers design and develop software applications that use geographic data. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for GIS Developers who need to create interactive maps for a variety of purposes, such as real estate, transportation, and utilities.
Location Intelligence Analyst
Location Intelligence Analysts use geographic information systems software to analyze and interpret spatial data. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for Location Intelligence Analysts who need to create interactive maps for a variety of purposes, such as market research, site selection, and customer segmentation.
GIS Manager
GIS Managers oversee the development and implementation of geographic information systems. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills are essential for GIS Managers who need to create interactive maps for a variety of purposes, such as planning, budgeting, and decision-making.
Software Engineer
Software Engineers design, develop, and maintain software applications. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Software Engineers who need to create interactive maps for a variety of purposes, such as real estate, transportation, and utilities.
Data Scientist
Data Scientists use statistical and machine learning techniques to analyze data and extract insights. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Data Scientists who need to create interactive maps for a variety of purposes, such as market research, customer segmentation, and risk assessment.
Business Analyst
Business Analysts analyze business processes and develop solutions to improve efficiency and productivity. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Business Analysts who need to create interactive maps for a variety of purposes, such as market research, site selection, and customer segmentation.
Project Manager
Project Managers plan, execute, and control projects to achieve specific goals. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Project Managers who need to create interactive maps for a variety of purposes, such as tracking project progress, managing resources, and communicating with stakeholders.
Marketing Manager
Marketing Managers plan and execute marketing campaigns to promote products and services. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Marketing Managers who need to create interactive maps for a variety of purposes, such as market research, customer segmentation, and campaign tracking.
Sales Manager
Sales Managers lead and motivate sales teams to achieve sales goals. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Sales Managers who need to create interactive maps for a variety of purposes, such as tracking sales performance, managing territories, and identifying sales opportunities.
Customer Success Manager
Customer Success Managers ensure that customers are satisfied with products and services and achieve their desired outcomes. This course provides a foundation in using Leaflet, a popular open-source JavaScript library for creating interactive maps. You will learn how to create web maps, add controls, load your own data, style it, and analyze spatial relationships. These skills may be useful for Customer Success Managers who need to create interactive maps for a variety of purposes, such as tracking customer usage, identifying renewal opportunities, and providing technical support.

Reading list

We've selected three 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 Display and analyze GIS data on the web with Leaflet.
Good introduction to GIS concepts and may serve as some helpful background reading for those with little GIS background.
Provides a comprehensive overview of the principles and techniques of designing geospatial information systems. It valuable resource for anyone who wants to learn more about the theory and practice of GIS.
Provides a comprehensive overview of advanced spatial analysis techniques with Python. It covers everything from geospatial data preprocessing to advanced spatial modeling and machine learning for geospatial data.

Share

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

Similar courses

Here are nine courses similar to Display and analyze GIS data on the web with Leaflet.
Creating Custom Web Maps
Most relevant
Planet Earth Geovisualization - MicroMasters
Most relevant
Machine Learning for Predictive Maps in Python and Leaflet
Most relevant
Planet Earth Geovisualization, Deeper Dive - MicroMasters
Most relevant
GIS & Geospatial Analysis with Python, Geopandas, and...
Most relevant
Digital Earth - MicroMasters
Most relevant
Map Academy: get mapping quickly, with QGIS
Most relevant
Digital Earth, Deeper Dive - MicroMasters
Most relevant
Core GIS : Land Use Land Cover & Change Detection in QGIS
Most relevant
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