1 / 8

Leaflet at a Glance

Leaflet at a Glance. Matthew Przyborski Sam Moore GEO244 April 27, 2017. What is Leaflet?. A popular, lightweight (38 kb) JavaScript library Ideal for making mobile-friendly interactive maps Can be used on all major desktop and mobile platforms Uses JS, HTML5 and CSS3.

malonzo
Download Presentation

Leaflet at a Glance

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Leaflet at a Glance Matthew Przyborski Sam Moore GEO244 April 27, 2017

  2. What is Leaflet? • A popular, lightweight (38 kb) JavaScript library • Ideal for making mobile-friendly interactive maps • Can be used on all major desktop and mobile platforms • Uses JS, HTML5 and CSS3

  3. Does Leaflet have documentation? Short answer: Yes! Well organized webpage Each subsection has its name, type, default setting and description Even other subsections named in the description are hyperlinked http://leafletjs.com/reference-1.0.3.html

  4. Leaflet does the basics best Interactive functions Toggle overlays Drag panning with inertia Double-click, scroll wheel or pinch or Shift + drag to zoom Drag marker Keyboard navigation Events (clicking, mouseover, etc.) Representative functions • Vector and image overlays • Chloropleth, proportional symbol and dot density maps • Markers and popups • WMS • GeoJSON • Animation for pan, zoom, fade

  5. Leaflet is modular and customizable Add desired features and customize to fit your preferences. Supportive open source community Hundreds of plugins and APIs. Most common mashups use Google, Mapbox, ESRI, QGIS and/or D3.

  6. Leaflet example map • http://leafletjs.com/examples/choropleth/

  7. Final Thoughts about Leaflet • What Leaflet does not do • Not a GIS • Does not provide any data • Focuses on performing basic functions well • “Lightweight” compared to other technologies • Framework for showing and interacting with map data • You must provide data, basemaps, etc. • Easy to understand even if you don’t know programming language well • Online tutorials • Youtube videos YouTube Image Overlay Tutorial

  8. Thanks!

More Related