• Post category:StudyBullet-9
  • Reading time:6 mins read


Simple and quickly implementable examples with Leaflet based on Javascript

What you will learn

Leaflet plugins like Heatmap and Cluster

GPX, SHP and Geojson data implementation

Simple practical examples with Leaflet and OpenData-Austria visualization

Data Visualization

Description

After a brief general unit on leaflet, we start programming. We use real data from Austria based on OpenData and look at the most important file formats.

Suitable for beginners and even professionals can take a lot from the course.

In this course you will learn about the following data and file formats and visualize them yourself:

Mountain bike routes in GPX format

  • Ozone valuesin Austria – in JSONp format
  • Mountain huts in SHP format
  • Nature reserves in SHP format

We will use some Lefalet plugins in training – for example:


Get Instant Notification of New Courses on our Telegram channel.


  • We cluster a few thousand data points
  • Ozone values are underlaid with a heat map

Course structure:

  • The videos are kept short (2-5 minutes)
  • After each video there is a save of all project data for download
  • It can be started with my proofed project files after each lesson
  • Guaranteed frustration-free learning without the hassle of troubleshooting and debugging

I use only open source software for this course :

  • XAMPP Apache Server
  • Notepad++ for coding
  • OpenData for the data sources

After this course you are able to implement your own Geo-Data into an Open-Street-Map with Leaflet. You can visualize your GPX-Tracks and also cluster them for an better overview. The oportunities are endless.

I look forward to your results and seeing you in the online course.

Markus Edenhauser

English
language

Content

Introduction

Course Overview
Javascript expectations and implementation
Sync points and provided project files

Preperation

Overview Preperation
Notepad++ and Themes
xampp
what is leaflet and example implementations
Leaflettjs.com Website
Themes vor Notepad++

First Example

Overview first chapter
First Map
Adding a Marker
Polygons
Popups
Leaflet Providers
Project Data for download

First Project with GPX files

Overview GPX Data
GPX and OpenData
GPX Plugin
Visualize GPX files
GPX start and end icons
GPX and popup
Adding more GPX tracks to the page
Project data for download

Project ozone levels with JSONP

Ozon Level Overview
Cluster plugin
Plugins and jQuery
Include ozon levels
Binding markers to the map
Clustern
Add div Icons
Recap chapter and learnings
Project Data for download

Data visualization of the ozone values ​​with heatmap plugin

Chapter and heatmap overview
Heatmap introduction and plugin
Deploy headmap plugin
Zoomlevel
Project Data for download

SHP & GeoJSON data visualization using the example of Tyrolean alpine huts

Overview SHP and Geojson
SHP files and GeoJSON
Alm huts in shp files
Filter GeoJSON Data
Bind popup to GeoJSON data
Clustering GeoJSON data
Project Data for download

Data visualization SHP polygons using the example of nature reserves

overview searching geojson
Deploy natur reservat in shp files and search plugin
Implement Nature reserve shp and search function
Project Data for download

Conclusion and summary

Conclusion and recap