cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update docs

Browse Source
This commit is contained in:
Mourner 2011-03-24 14:02:42 +02:00
parent 09734df75e
commit 4da8df87fe
2 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Leaflet - a lightweight JavaScript library for map display and interaction by CloudMade</title> <title>Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -23,7 +23,7 @@
<body> <body>
<div class="container"> <div class="container">
<h1>Leaflet</h1> <h1>Leaflet</h1>
<h3 class="alt">A Lightweight Open-Source JavaScript Library for Map Display and Interaction by <a href="http://cloudmade.com">CloudMade</a></h3> <h3 class="alt">A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps by <a href="http://cloudmade.com">CloudMade</a></h3>
<hr /> <hr />
<p class="nav large quiet"> <p class="nav large quiet">
@ -38,9 +38,9 @@
<hr /> <hr />
<h3>About the library</h3> <h3>About the library</h3>
<p>Leaflet is a lightweight BSD-licensed JavaScript library for tile-based map display and interaction. It will form the core of CloudMade's next generation JavaScript API.</p> <p>Leaflet is a modern, lightweight BSD-licensed JavaScript library for powering websites and web apps with tile-based interactive maps. It will form the core of CloudMade's next generation JavaScript API.</p>
<p>Leaflet is built from the ground up to work well on <em>both desktop and mobile</em> web browsers, utilizing cutting-edge technologies included in HTML5. It's main priorities are <em>usability, performance, A-grade browser support, flexibility and easy to use API</em>. The OOP-based code of the library is designed to be modular, extensible and very easy to understand and modify.</p> <p>Leaflet is built from the ground up to work efficiently and smoothly on <em>both desktop and mobile</em> web browsers, utilizing cutting-edge technologies included in HTML5. It's main priorities are <em>usability, performance, A-grade browser support, flexibility and easy to use API</em>. The OOP-based code of the library is designed to be modular, extensible and very easy to understand.</p>
<!-- <p><strong>Supported browsers:</strong> IE6+, Firefox 3.6+, Safari 5+, Chrome, iOS 3+, Android 2.2+</p> --> <!-- <p><strong>Supported browsers:</strong> IE6+, Firefox 3.6+, Safari 5+, Chrome, iOS 3+, Android 2.2+</p> -->
<hr /> <hr />
@ -49,8 +49,7 @@
<div id="map"></div> <div id="map"></div>
<script> <script>
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
cloudmadeCopyright = '&copy; 2011 CloudMade, map data by OpenStreetMap contributors, CCBYSA', cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, copyright: cloudmadeCopyright});
var map = new L.Map('map'); var map = new L.Map('map');
map.setView(new L.LatLng(51.505, -0.09), 13).addLayer(cloudmade); map.setView(new L.LatLng(51.505, -0.09), 13).addLayer(cloudmade);
@ -61,16 +60,16 @@
marker.bindPopup('A pretty CSS3 popup.<br />Easily customizable.').openPopup(); marker.bindPopup('A pretty CSS3 popup.<br />Easily customizable.').openPopup();
</script> </script>
<pre><code class="javascript">var map = new L.Map('map'), <pre><code class="javascript">var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png',
cloudmadeUrl = 'http://{s}.tile.cloudmade.com/YOUR-API-KEY/997/256/{z}/{x}/{y}.png',
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18}); cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});
var map = new L.Map('map');
map.setView(new L.LatLng(51.505, -0.09), 13).addLayer(cloudmade); map.setView(new L.LatLng(51.505, -0.09), 13).addLayer(cloudmade);
var marker = new L.Marker(new L.LatLng(51.5, -0.09)); var marker = new L.Marker(new L.LatLng(51.5, -0.09));
map.addLayer(marker); map.addLayer(marker);
marker.bindPopup("A pretty CSS3 popup.&lt;br /&gt;Easily customizable.").openPopup();</code></pre><!-- .addControl(new L.Control.Nav()) -->
marker.bindPopup("A pretty CSS3 popup.&lt;br /&gt;Easily customizable.").openPopup();</code></pre>
<hr /> <hr />
@ -85,6 +84,4 @@ marker.bindPopup("A pretty CSS3 popup.&lt;br /&gt;Easily customizable.").openPop
</script> </script>
</body> </body>
</html> </html>
<!-- <a href="http://github.com/CloudMade/Leaflet/zipball/master"> <!-- <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a> -->
<img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
-->

25
reference.html
View File

@ -1,28 +1,29 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Leaflet - a lightweight JavaScript library for map display and interaction by CloudMade</title> <title>Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade - API reference</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<!-- Blueprint --> <!-- Blueprint -->
<link rel="stylesheet" href="css/blueprint/screen.css" media="screen, projection"> <link rel="stylesheet" href="docs/css/blueprint/screen.css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" media="print"> <link rel="stylesheet" href="docs/css/blueprint/print.css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" media="screen, projection"><![endif]--> <!--[if lt IE 8]><link rel="stylesheet" href="docs/css/blueprint/ie.css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="css/screen.css" media="screen, projection" /> <link rel="stylesheet" href="docs/css/screen.css" media="screen, projection" />
<script src="highlight/highlight.pack.js"></script> <script src="docs/highlight/highlight.pack.js"></script>
<link rel="stylesheet" href="highlight/styles/github.css" /> <link rel="stylesheet" href="docs/highlight/styles/github.css" />
<!-- Leaflet --> <!-- Leaflet -->
<link rel="stylesheet" href="../dist/leaflet.css" /> <link rel="stylesheet" href="dist/leaflet.css" />
<script src="../dist/leaflet.js"></script> <!--[if lte IE 8]><link rel="stylesheet" href="dist/leaflet.ie.css" /><![endif]-->
<script src="dist/leaflet.js"></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Leaflet</h1> <h1>Leaflet</h1>
<h3 class="alt">A Lightweight Open-Source JavaScript Library for Map Display and Interaction by <a href="http://cloudmade.com">CloudMade</a></h3> <h3 class="alt">A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps by <a href="http://cloudmade.com">CloudMade</a></h3>
<hr /> <hr />
<p class="nav large quiet"> <p class="nav large quiet">
@ -452,9 +453,11 @@
<hr /> <hr />
<p class="quiet">&copy; 2010 CloudMade. Map data &copy; 2010 OpenStreetMap.org contributors.</p> <p class="quiet">&copy; 2011 <a href="http://cloudmade.com">CloudMade</a>. Map data &copy; 2011 <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.</p>
</div> </div>
<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>
<script> <script>
hljs.tabReplace = ' '; hljs.tabReplace = ' ';
hljs.initHighlightingOnLoad(); hljs.initHighlightingOnLoad();