2011-04-09 20:37:11 +08:00
<!DOCTYPE html>
< html >
< head >
2011-04-27 19:54:39 +08:00
< title > Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade - Download< / title >
2012-02-04 02:33:34 +08:00
2011-04-09 20:37:11 +08:00
< meta charset = "utf-8" / >
2012-02-04 02:33:34 +08:00
< meta property = "og:title" content = "Leaflet — an open-source JavaScript library for interactive maps" / >
2011-04-09 20:37:11 +08:00
< meta property = "og:description" content = "Leaflet is a modern, lightweight BSD-licensed JavaScript library for making tile-based interactive maps for both desktop and mobile web browsers, developed by CloudMade to form the core of its next generation JavaScript API." / >
2012-02-04 02:33:34 +08:00
2012-02-14 23:02:29 +08:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2011-04-09 22:32:46 +08:00
< link rel = "icon" type = "image/png" href = "docs/images/favicon.png" / >
2011-04-09 22:31:13 +08:00
2011-04-09 20:37:11 +08:00
<!-- Blueprint -->
< link rel = "stylesheet" href = "docs/css/blueprint/screen.css" media = "screen, projection" >
< link rel = "stylesheet" href = "docs/css/blueprint/print.css" media = "print" >
<!-- [if lt IE 8]><link rel="stylesheet" href="docs/css/blueprint/ie.css" media="screen, projection"><![endif] -->
< link rel = "stylesheet" href = "docs/css/screen.css" media = "screen, projection" / >
< script src = "docs/highlight/highlight.pack.js" > < / script >
< link rel = "stylesheet" href = "docs/highlight/styles/github.css" / >
<!-- Leaflet -->
< link rel = "stylesheet" href = "dist/leaflet.css" / >
<!-- [if lte IE 8]><link rel="stylesheet" href="dist/leaflet.ie.css" /><![endif] -->
< script src = "dist/leaflet.js" > < / script >
< / head >
< body >
< div class = "container" >
< h1 > Leaflet< / h1 >
< h3 class = "alt" > A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps by < a href = "http://cloudmade.com" > CloudMade< / a > < / h3 >
2012-02-04 02:33:34 +08:00
2011-04-09 20:37:11 +08:00
< ul class = "nav clearfix" >
< li > < a href = "index.html" > Overview< / a > < / li >
2012-02-04 02:33:34 +08:00
< li > < a href = "features.html" > Features< / a > < / li >
< li > < a href = "examples.html" > Examples< / a > < / li >
< li > < a href = "reference.html" > Documentation< / a > < / li >
< li > < span > Download< / span > < / li >
2011-04-09 20:37:11 +08:00
< li > < a class = "twitter-link" href = "http://twitter.com/LeafletJS" > @LeafletJS< / a > < / li >
2012-02-04 02:33:34 +08:00
< li > < a class = "github-link" href = "http://github.com/CloudMade/Leaflet" > GitHub Repo< / a > < / li >
2011-04-09 20:37:11 +08:00
< / ul >
2012-02-04 02:33:34 +08:00
< p >
< iframe src = "http://markdotto.github.com/github-buttons/github-btn.html?user=CloudMade&repo=Leaflet&type=watch&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "120px" height = "20px" > < / iframe >
< iframe src = "http://markdotto.github.com/github-buttons/github-btn.html?user=CloudMade&repo=Leaflet&type=fork&count=true" allowtransparency = "true" frameborder = "0" scrolling = "0" width = "100px" height = "20px" > < / iframe >
< a href = "http://twitter.com/share" class = "twitter-share-button" data-url = "http://leaflet.cloudmade.com" data-text = "Leaflet — a modern, lightweight open-source JavaScript library for interactive maps by @cloudmade" data-count = "horizontal" data-via = "LeafletJS" data-related = "CloudMade" > Tweet< / a >
< a href = "http://twitter.com/LeafletJS" data-show-count = "true" data-width = "235px" class = "twitter-follow-button" > Follow @LeafletJS< / a >
< script type = "text/javascript" src = "http://platform.twitter.com/widgets.js" > < / script >
< iframe src = "http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fleaflet.cloudmade.com&layout=button_count&show_faces=false&width=430&action=like&font=arial&colorscheme=light&height=35" scrolling = "no" frameborder = "0" style = "border:none; overflow:hidden; width:200px; height:20px;" allowTransparency = "true" > < / iframe >
< / p >
2012-02-25 18:18:00 +08:00
2011-04-09 20:37:11 +08:00
< h3 > Download Leaflet< / h3 >
2012-02-04 02:33:34 +08:00
2012-02-25 18:18:00 +08:00
< p > Besides the library itself, the download package contains full source code, unit tests, files for debugging and a build system. The production files (included the same way as in the code above) are in the < code > dist< / code > folder.< / p >
2011-04-09 20:37:11 +08:00
2011-06-18 00:54:37 +08:00
< p >
2012-02-25 18:18:00 +08:00
< a href = "https://github.com/CloudMade/Leaflet/zipball/v0.3.1" > Download Leaflet 0.3.1 stable< / a > (February 14, 2012)< br / >
< a href = "http://github.com/CloudMade/Leaflet/zipball/master" > Download Leaflet 0.4 master< / a > (in-progress version)
2011-06-18 00:54:37 +08:00
< / p >
2012-02-04 02:33:34 +08:00
2011-06-18 00:54:37 +08:00
< p >
< a href = "https://github.com/CloudMade/Leaflet/blob/master/CHANGELOG.md" > View Changelog< / a >
< / p >
2012-02-04 02:33:34 +08:00
2012-04-25 03:27:46 +08:00
< h3 > Including Leaflet on your web page< / h3 >
2012-04-25 03:28:30 +08:00
< p > After downloading Leaflet and extracting the contents of the < code > dist< / code > folder somewhere in your project directory, place this code in the < code > head< / code > section of your HTML:< / p >
2012-04-25 03:27:46 +08:00
< pre > < code class = "html" > < link rel="stylesheet" href="[path-to-dist]/leaflet.css" />
< !--[if lte IE 8]>
< link rel="stylesheet" href="[path-to-dist]/leaflet.ie.css" />
< ![endif]-->
< script src="[path-to-dist]/leaflet.js"> < /script> < / code > < / pre >
2011-04-09 20:37:11 +08:00
< h3 > Building a custom version of Leaflet< / h3 >
2011-12-13 04:39:43 +08:00
< p > Open < code > build/build.html< / code > page from the download package, check the components you want to see in your build and then follow the instructions there.< / p >
2012-02-04 02:33:34 +08:00
2011-04-09 20:37:11 +08:00
< hr / >
2012-02-04 02:33:34 +08:00
2012-02-15 02:05:42 +08:00
< p class = "quiet" > © 2012 < a href = "http://cloudmade.com" > CloudMade< / a > . Map data © 2012 < a href = "http://openstreetmap.org" > OpenStreetMap< / a > contributors, < a href = "http://creativecommons.org/licenses/by-sa/2.0/" > CC-BY-SA< / a > .< / p >
2011-04-09 20:37:11 +08:00
< / div >
2012-02-04 02:33:34 +08:00
2011-04-09 20:37:11 +08:00
< a href = "http://github.com/CloudMade/Leaflet" > < img id = "forkme" src = "http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt = "Fork me on GitHub" / > < / a >
2012-02-04 02:33:34 +08:00
2011-04-09 20:37:11 +08:00
< script >
hljs.tabReplace = ' ';
hljs.initHighlightingOnLoad();
2012-02-04 02:33:34 +08:00
< / script >
2011-06-17 06:56:11 +08:00
< script type = "text/javascript" >
var _gaq = _gaq || [];
_gaq.push([ '_setAccount', 'UA-4147697-4' ]);
_gaq.push([ '_trackPageview' ]);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl'
: 'http://www')
+ '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
< / script >
2012-02-21 23:14:40 +08:00
< script type = "text/javascript" >
var uvOptions = {};
(function() {
var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true;
uv.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'widget.uservoice.com/ygv5CFpu3yBQFTFPOAdFg.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s);
})();
< / script >
2011-04-09 20:37:11 +08:00
< / body >
2012-02-04 02:33:34 +08:00
< / html >
