Leaflet

Appearance

LeafletBuilding Powerful Interactive Map

The leading open-source JavaScript library for mobile-friendly interactive maps

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

  L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map);
  
  L.marker([51.5, -0.09]).addTo(map)
    .bindPopup('A pretty CSS popup.<br> Easily customizable.')
    .openPopup();
🏁

Layers Out of the Box

• Tile layers, WMS
• Markers, Popups
• Vector layers: polylines, polygons, circles, rectangles
• Image overlays
• GeoJSON

🎛️

Map Controls

• Zoom buttons
• Attribution
• Layer switcher
• Scale

🖥️

Desktop Browser Support

• Chrome
• Firefox
• Safari 5+
• Opera 12+
• IE 9–11
• Edge

📱

Mobile Browser Support

• Safari for iOS 7+
• Chrome
• Firefox
• IE10+ for Win8 devices

🚀

Performance Features

• Hardware acceleration on mobile
• Really smooth Panning and zooming
• Very fast smart polyline/polygon rendering
• Modular build system for leaving out features you don't need
• Tap delay elimination on mobile

🤏

Interaction Features

• Drag panning with inertia
• Scroll wheel zoom
• Pinch-zoom on mobile
• Double click zoom
• Zoom to area (shift-drag)
• Keyboard navigation
• Events: click, mouseover, etc.
• Marker dragging

🦚

Visual Features

• Zoom and pan animation
• Tile and popup fade animation
• Very nice default design for markers, popups and map controls
• Retina resolution support

🎨

Customization Features

• Pure CSS popups and controls for easy restyling • Image- and HTML-based markers • A simple interface for custom map layers and controls • Custom map projections (with EPSG:3857/4326/3395 out of the box) • Powerful OOP facilities for extending existing classes

🎲

Misc

• Extremely lightweight
• No external dependencies

Trusted by the best

If you find some feature really missing in Leaflet, first check if there's a plugin for it and if it's been discussed before already on GitHub issues. If not, please open a new GitHub issue.

Getting Involved ​

Let's create the best mapping library in the world! Leaflet was originally created by Volodymyr Agafonkin, but is now developed by a big community of contributors. Pull requests are always welcome. However, there are many more ways to get involved with the development of Leaflet.

You can help the project tremendously by discovering and reporting bugs, improving documentation, helping others on Stack Overflow, GIS Stack Exchange and GitHub issues, X to @LeafletJS and spreading the word about Leaflet among your colleagues and friends.

Check out the contribution guide for more information on getting involved with Leaflet development.