Leaflet×Turf

This workshop aims to introduce Leaflet, a lightweight open-source JavaScript library for mobile-friendly interactive maps, and Turf, a JavaScript library for client-side geospatial analysis.

Locator

A locator map for the UP Department of Geodetic Engineering.

This training module teaches the basics of Leaflet, and introduces adding markers, polygons, and popups, as well as multiple tile layers and layer controls.

Learn more »

Population

An interactive choropleth map for the population of Metro Manila LGUs.

This training module introduces Leaflet's GeoJSON features, custom event handling, as well as creating custom control overlays.

Learn more »

Branches

A map displaying the Metro Manila branches of Jollibee in OpenStreetMap.

This training module explains how to use the Leaflet MarkerCluster plugin as well as composing more complex popups.

Learn more »

Router

A map showing routes to Melchor Hall and Jollibee branches along the way.

This training module explores using a third-party routing service as well as introducing Turf for geospatial analysis on the browser.

Learn more »