This course will provide you with the knowledge you need to
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.
Learn about the basics of client server architecture and how it differs from programming on a single user system.
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.
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 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 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
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.
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.
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
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
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.
I have been programming and working with database applications for over 30 years, and specializing in geospatial applications for over 20 years. My goal with all my courses is to help students understand GIS, and particularly GIS programming, so that they can answer their own geospatial questions, and do so without repeating all the mistakes that I have made.