leflet

an open-source JavaScript library
for mobile-friendly interactive maps

• Overview
 
• Tutorials
 
• Docs
 
• Download
 
• Plugins
 
• Blog

Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 33 KB of JS, it has all the mapping features most developers ever need.

Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can be extended with lots of plugins, has a beautiful, easy to use and well-documented API and a simple, readable source code that is a joy to contribute to.

+-

Leaflet | © OpenStreetMap contributors

Here we create a map in the 'map' div, add tiles of our choice, and then add a marker with some text in a popup:

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
    .openPopup();

Learn more with the quick start guide, check out other tutorials, or head straight to the API documentation. If you have any questions, take a look at the FAQ first.

Trusted by the best

GitHub foursquare Pinterest Facebook EvernoteEtsy Flickr 500px Data.gov European Commission The Washington PostFinancial Times NPR USA Today National Park Service IGN.com