2012-07-17 01:21:00 +08:00
---
2014-04-23 05:48:35 +08:00
layout: v2
2012-07-17 01:21:00 +08:00
title: Download
2015-07-01 00:16:31 +08:00
bodyclass: download-page
2012-07-17 01:21:00 +08:00
---
2012-07-24 06:41:55 +08:00
## Download Leaflet
2012-07-17 01:21:00 +08:00
2012-07-25 21:24:11 +08:00
< table >
< tr >
< th > Version< / th >
< th > Description< / th >
< / tr >
2012-07-26 19:53:24 +08:00
< tr >
2018-01-10 00:47:00 +08:00
< td > < a href = "http://cdn.leafletjs.com/leaflet/v1.3.0/leaflet.zip" > Leaflet 1.3.0< / a > < / td >
2018-01-15 15:28:45 +08:00
< td > Stable version, released on January 15, 2018.< / td >
2013-07-10 22:13:39 +08:00
< / tr >
2012-07-25 21:24:11 +08:00
< tr >
2018-01-10 00:47:00 +08:00
< td > < a href = "https://leafletjs-cdn.s3.amazonaws.com/content/leaflet/master/leaflet.zip" > Leaflet 1.3-dev< / a > < / td >
2016-09-27 21:08:37 +08:00
< td > In-progress version, developed on the < code > master< / code > branch.< / td >
2015-07-15 19:00:13 +08:00
< / tr >
2015-07-29 00:49:39 +08:00
< tr >
2016-09-27 21:08:37 +08:00
< td class = "width100" > < a href = "http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.zip" > Leaflet 0.7.7< / a > < / td >
< td > Legacy version, released on November 18, 2013 and last updated on October 26, 2015.< / td >
2015-07-29 00:49:39 +08:00
< / tr >
2012-07-25 21:24:11 +08:00
< / table >
2012-07-17 01:21:00 +08:00
2013-01-11 19:48:54 +08:00
[View Changelog ](https://github.com/Leaflet/Leaflet/blob/master/CHANGELOG.md )
2012-07-17 01:21:00 +08:00
2013-11-16 01:18:22 +08:00
Note that the master version can contain incompatible changes,
so please read the changelog carefully when upgrading to it.
2012-07-25 21:24:11 +08:00
2012-07-18 21:41:48 +08:00
### Using a Hosted Version of Leaflet
2012-07-17 01:21:00 +08:00
2017-10-16 17:09:40 +08:00
The latest stable Leaflet release is available on several CDN's — to start using
2013-11-16 01:18:22 +08:00
it straight away, place this in the `head` of your HTML code:
2012-07-17 01:21:00 +08:00
2016-09-30 20:10:33 +08:00
< link rel = "stylesheet" href = "https://unpkg.com/leaflet@{{ site.latest_leaflet_version}}/dist/leaflet.css" / >
< script src = "https://unpkg.com/leaflet@{{ site.latest_leaflet_version}}/dist/leaflet.js" > < / script >
2016-04-18 16:38:04 +08:00
2017-04-19 20:56:14 +08:00
To avoid potential security problems, we recommend and encourage enabling
[subresource integrity ](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity )
when using Leaflet from a CDN:
< link rel = "stylesheet" href = "https://unpkg.com/leaflet@{{ site.latest_leaflet_version}}/dist/leaflet.css"
integrity="{{site.integrity_hash_css}}"
crossorigin=""/>
< script src = "https://unpkg.com/leaflet@{{ site.latest_leaflet_version}}/dist/leaflet.js"
integrity="{{site.integrity_hash_uglified}}"
crossorigin="">< / script >
2017-10-17 22:28:52 +08:00
Leaflet is available on the following free CDN's: [unpkg ](https://unpkg.com/leaflet/dist/ ), [cdnjs ](https://cdnjs.com/libraries/leaflet ), [jsDelivr ](https://www.jsdelivr.com/package/npm/leaflet?path=dist )
2017-10-16 17:09:40 +08:00
_Disclaimer: these services are external to Leaflet; for questions or support, please contact them directly._
2015-07-03 03:55:54 +08:00
### Using a Downloaded Version of Leaflet
Inside the archives downloaded from the above links, you will see four things:
- `leaflet.js` - This is the minified Leaflet JavaScript code.
2017-04-19 20:56:14 +08:00
- `leaflet-src.js` - This is the readable, unminified Leaflet JavaScript, which is sometimes helpful for debugging. < small > (The integrity hash for this file is < nobr >< tt > {{site.integrity_hash_source}}</ tt ></ nobr > )</ small >
2015-07-03 03:55:54 +08:00
- `leaflet.css` - This is the stylesheet for Leaflet.
- `images` - This is a folder that contains images referenced by `leaflet.css` . It must be in the same directory as `leaflet.css` .
Unzip the downloaded archive to your website's directory and add this to the `head` of your HTML code:
< link rel = "stylesheet" href = "/path/to/leaflet.css" / >
2017-04-19 20:56:14 +08:00
< script src = "/path/to/leaflet.js" > < / script >
2015-07-03 03:55:54 +08:00
2016-11-21 19:33:57 +08:00
### Using a JavaScript package manager
If you use the [`npm` package manager ](https://www.npmjs.com/ ), you can fetch a local copy of Leaflet by running:
npm install leaflet
You will find a copy of the Leaflet release files in `node_modules/leaflet/dist` .
2013-07-10 22:13:39 +08:00
### Leaflet Source Code
2013-11-16 01:18:22 +08:00
These download packages above only contain the library itself.
If you want to download the full source code, including unit tests, files for debugging, build scripts, etc.,
you can < a href = "https://github.com/Leaflet/Leaflet/releases" > download it< / a >
from the < a href = "https://github.com/Leaflet/Leaflet" > GitHub repository< / a > .
2013-07-10 22:13:39 +08:00
2012-07-25 18:15:33 +08:00
### Building Leaflet from the Source
2013-11-16 01:18:22 +08:00
Leaflet build system is powered by the [Node.js ](http://nodejs.org ) platform,
which installs easily and works well across all major platforms.
Here are the steps to set it up:
2012-07-25 18:15:33 +08:00
1. [Download and install Node ](http://nodejs.org )
2. Run the following commands in the command line:
2017-11-12 03:48:45 +08:00
< pre > < code > npm install< / code > < / pre >
2012-07-25 18:15:33 +08:00
2017-11-12 03:48:45 +08:00
Now that you have everything installed, from inside the Leaflet directory, run:
< pre > < code > npm run build< / code > < / pre >
2013-11-16 01:18:22 +08:00
This will combine and compress the Leaflet source files, saving the build to the `dist` folder.
2012-07-25 18:15:33 +08:00