leaflet
Advanced tools
Changelog
1.8.0 (2022-04-18)
contextmenu event simulation on mobile Safari by introducing a new TapHold handler, replacing legacy Tap (#7026 by @johnd0e)DivOverlay/Popup/Tooltip APIs (#7540 by @johnd0e)
Popup related options from DivOverlay to Popup (#7778 by @Falke-Design)Tooltip class from leaflet-clickable to leaflet-interactive (#7719 by @Falke-Design)Map.closeTooltip now requires a layer as argument (#7533 by @johnd0e)DomEvent.Pointer) (#7059, #7084, #7415 by @johnd0e)dblclick event simulation on touch devices (DomEvent.DoubleTap) (#7027 by @johnd0e)disableClickPropagation (#7439 by @johnd0e)Map hasLayer() and LayerGroup hasLayer() to require a layer as argument (#6999 by @johnd0e)Class.include to not overwrite options (#7756 by @johnd0e)Class.extend to not modify source props object (#6766 by @johnd0e)Browser.touch touch devices detection (#7029 by @johnd0e)font-size relative to the map container. (You can change the font size on leaflet-container to adjust it if needed.) (#7800 by @Chandu-4444)DivOverlay / Tooltip interactive (#7531, #7532 by @johnd0e)openOn, close, toggle functions to DivOverlay (#6639 by @johnd0e)DomEvent.off(el) to remove all listeners (#7125 by @johnd0e)false to Util.formatNum / toGeoJSON (#7100 by @johnd0e)autoPanOnFocus to Marker (#8042 by @IvanSanchez)referrerPolicy to TileLayer (#7945 by @natevw)playsInline to VideoOverlay (#7928 by @Falke-Design)getCenter to ImageOverlay (#7848 by @Falke-Design)tileabort event when a TileLayer load is cancelled (#6786 by @dstndstn)crossOrigin to Icon (#7298 by @syedmuhammadabid)will-change CSS property on tile images (#7872 by @janjaap)GridLayer.onAdd (#7570 by @johnd0e)panInside (#7469 by @daverayment)TileLayer URL (#7216 by @lubojr)Tooltip bound to ImageOverlay (#7306 by @IvanSanchez)mousemove through Canvas to map if it has no layers (#7809 by @johnd0e)Layer to Control.Attribution (#7764 by @johnd0e)vmlCreate() so that it does not expose closure to TypeError (#7279 by @darcyparker)Control.Layers by not relying on Browser android and touch properties (#7057 by @johnd0e)Tooltip by not relying on Browser touch checks (#7535 by @johnd0e)Browser mutable for easier automated testing (#7335 by @bozdoz)div with span in Control.Layers container to fix an HTML validation error (#7914 by @tmiaa)Marker to default to role="button" & alt="marker" for an improved screen reader experience (#7895 by @tmiaa)role="button" for appropriate semantics on the <a> layers control (#7850 by @Malvoz)outline on focus for keyboard events (#7259 by @jafin)leaflet-container for keyboard users (#7996 by @Malvoz)font-size units for resizable text (#7800 by @Chandu-4444):hover styles to :focus as well (#7274 by @Malvoz)Marker jumping position while zooming in certain cases (#7967 by @Falke-Design)Tooltip while dragging the map (#7862 by @Falke-Design)Class prototype (#7459 by @Falke-Design)Tooltip options permanent & sticky to work together (#7563 by @Falke-Design)locate event listener (#7813 by @Falke-Design)Tooltip bindTooltip to unbind existent tooltip (#7633 by @Falke-Design)if condition, to add zoom limits for Layer (#7609 by @vcoppe)GridLayer redraw tiles after changing maxNativeZoom (#6443 by @cherniavskii)Popup keepInView if the map needs to panned over a long distance (#7792 by @Falke-Design)add/removePointerListener (#7808 by @johnd0e)mousedown event calling after dragging Canvas map (#7781 by @johnd0e)console.warn pollution (#7748 by @johnd0e)contextmenu event default-preventing when there are >1 target candidates (#7544 by @johnd0e)Popup-tip from firing on map. (#7541 by @johnd0e)Path.setStyle before adding the layer to the map (#6941 by @NielsHolt)BoxZoom after cancel with ESC (#7597 by @Falke-Design)noConflict (#7855 by @Falke-Design)latLngToCoords and latLngsToCoords not accepting array form of lat/lngs (#7436, by @Relkfaw)zoomend event (#7460 by @xeruf)false to prefix of Control.Attribution (#7814 by @Falke-Design)LayerGroup inherit from Interactive Layer (#7763 by @johnd0e)Map.panInside documentation (#7397 by @daverayment)Renderer documentation to clarify tolerance option is for Canvas only (#7515 by @Hippl-Eric)propagate argument (#7103 by @riffaud)plugins.md into many files for easier maintenance (#7805 by @Falke-Design)npm run serve to serve docs on localhost (#7973 by @Falke-Design)master branch to main (#7921 by @jonkoops)leaflet-include.js from debug samples (#7776 by @Falke-Design)Internet Explorer 11 (#7741 by @jonkoops)FirefoxNoTouch (#7736, #7742 by @johnd0e)PhantomJS from test suite (#7660, #7724 by @jonkoops).near and .nearLatLng usage (#7820 by @johnd0e)captureTimeout and browserSocketTimeout (#7856 by @Falke-Design)DomEvent with unit tests (by @stephenspol in https://github.com/Leaflet/Leaflet/pull/8088)DomUtil with unit tests (#7547, by @LGNorris)Readme
Leaflet was created 11 years ago by Volodymyr Agafonkin, a Ukrainian citizen living in Kyiv.
Volodymyr is no longer in Kyiv, because Russian bombs are falling over the city. His family, his friends, his neighbours, thousands and thousands of absolutely wonderful people, are either seeking refuge or fighting for their lives.
The Russian soldiers have already killed tens of thousands of civilians, including women and children, and are committing mass war crimes like gang rapes, executions, looting, and targeted bombings of civilian shelters and places of cultural significance. The death toll keeps rising, and Ukraine needs your help.
As Volodymyr expressed a few days ago:
If you want to help, educate yourself and others on the Russian threat, follow reputable journalists, demand severe Russian sanctions and Ukrainian support from your leaders, protest war, reach out to Ukrainian friends, donate to Ukrainian charities. Just don't be silent.
Ukrainians are recommending the Come Back Alive charity. For other options, see SupportUkraineNow.org.
If an appeal to humanity doesn't work for you, I'll appeal to your egoism: the future of Ukrainian citizens is the future of Leaflet.
It is chilling to see Leaflet being used for documenting Russia's war crimes, factual reporting of the war and for coordination of humanitarian efforts in Romania and in Poland. We commend these uses of Leaflet.
If you support the actions of the Russian government (even after reading all this), do everyone else a favour and carry some seeds in your pocket.
Yours truly,
Leaflet maintainers.
Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 39 KB of gzipped JS plus 4 KB of gzipped CSS code, 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 out of the box, taking advantage of HTML5 and CSS3 on modern browsers while being accessible on older ones too. It can be extended with a huge amount 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.
For more info, docs and tutorials, check out the official website.
For Leaflet downloads (including the built main version), check out the download page.
We're happy to meet new contributors. If you want to get involved with Leaflet development, check out the contribution guide. Let's make the best mapping library that will ever exist, and push the limits of what's possible with online maps!
FAQs
JavaScript library for mobile-friendly interactive maps
The npm package leaflet receives a total of 844,721 weekly downloads. As such, leaflet popularity was classified as popular.
We found that leaflet demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.