Mobile Gis And Mapping Applications With Leaflet

Take your applications outside, with or without connectivity

What you'll learn

Students will learn to format web mapping applications to deal with small screens, touch screens, and screens of varying sizes. They will also learn how to take advantage of the GPS sensor on mobile devices, store data on board, create an application cache so the application can be loaded off-line, and create custom base maps that can be used off-line.

Requirements

This course builds on the knowledge learned in two previous courses "Introduction to Web Programming for GIS Applications" and "Display and Analyze GIS Applications on the Web with Leaflet". If you are familiar with leaflet and with JavaScript, you may be able to follow without having taken the pre-requisites but that level of knowledge will be assumed.

Description

This course is focused on designing web-based mapping applications for mobile devices. I start with an example of a desktop app showing the course of a trail ultramaraton with aid stations, elevation profiles, etc. Then we modify some formatting to deal with issues arising from small screens, add the ability to track the user automatically with the devices GPS, and add the ability to use it off-line in all situations.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Considerations for mobile applications

Lecture 3 Making adjustments for mobile use - Part 1

Lecture 4 Making adjustments for mobile use - Part 2

Lecture 5 Detecting a mobile user

Lecture 6 Project Review

Section 2: Geolocation

Lecture 7 Geolocation in Leaflet - Part 1

Lecture 8 Geolocation in Leaflet - Part 2

Lecture 9 Controlling the location frequency

Lecture 10 Customizing the Elevation Profile

Section 3: Making your app available off-line

Lecture 11 Moving off-line

Lecture 12 Storing data locally on the device

Lecture 13 Storing your application locally on the device - Part 1

Lecture 14 Storing your application locally on a device - Part 2

Lecture 15 The Application Cache API and JavaScript

Lecture 16 Creating custom base maps in QGIS

Lecture 17 Adding custom base maps to your local device

Section 4: Bonus Lectures

Lecture 18 Installing the XAMPP package and Brackets text editor

Lecture 19 Anatomy of a URL

Lecture 20 Creating a custom Icon for your app.

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

GIS analysts and/or web developers who are interested in learning how to create web applications that are designed for mobile devices and take advantage of the capabilities of those devices.