A simple step-by-step guide that will quickly get you started with Leaflet basics, including setting up a Leaflet map (with CloudMade tiles) on your page, working with markers, polylines and popups, and dealing with events.
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.
This example will show you how to create customized markers for your map.
A brief tutorial on implementing custom map controls.
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).
Here you will learn how to use Leaflet OOP facilities to simplify and organize your code.
More examples coming soon!
© 2011 CloudMade. Map data © 2011 OpenStreetMap contributors, CC-BY-SA.