Leaflet

A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps by CloudMade

Leaflet quick start guide

A simple example that will quickly get you started with Leaflet basics. You will find out how to:

put a Leaflet map (with CloudMade tiles) on your page
add markers, polylines, polygons and circles to it
attach popups to them
deal with events (e.g. do something on map click)

Leaflet on mobile

In this example, you'll learn how to create a fullscreen map tuned for mobile devices like iPhone, iPad or Android phones, and how to zoom the map to the currently detected user location.

Markers with custom icons

This example will show you how to create customized markers for your map.

Custom controls

A brief tutorial on implementing custom map controls.

Custom overlays

If markers, popups and vectors are not enough for you, here's a guide for creating your own map overlays (things to put on a map).

OOP in Leaflet

Here you will learn how to use Leaflet OOP facilities to simplify and organize your code.

More examples coming soon!