Jereme S. CausingBuilding Maps with

What is Leaflet.js and Why choose it?

What is leaflet.js?Leaflet.js is an open source Javascript library used to build web mapping applications

The Problems with MapsUsage Limits Limited to provided mapGoogle is in control

Why Leaflet.jsFast PerformanceLightweight (only 123kb)CustomizableEasy to LearnEasy Migration (for Google Maps API users)Mobile-Friendly

Getting Started

TilesIn creating a map, you always start from selecting your tile source.There are a number of online services that provide tiles.CloudmadeMapquestOpenstreetmapBingAs a matter of fact, you can also provide your own tiles

Who uses leaflet.jsFlickrFoursquarePinterestIGNOpenStreetMapcraigslist

Creating a Basic Map

StylesheetInclude the files (either download or use cdn)

Htmland Javascript code

MarkersDemoDemo2 (Custom Icons)

ShapesShapes like circles and polygons are also supported

Layer Control

Getting Location

Custom Tiles As mentioned earlier, you can also provide your own tilesSkyrimThe Forest(fan map)Olivarez Maps(thesis)

EventsLeaflet supports a variety of events from click to touch interaction for mobile devices.

Demo

PluginsLeaflet.js also comes with a number plugins to suit your needsMarker ClusteringDrawing ToolsHeatmapsFont-Awesome MarkersAnimation

Thank You