From 1d40cadc531f5e47db71bfef8b2ec22181c78279 Mon Sep 17 00:00:00 2001 From: Vladimir Agafonkin Date: Wed, 23 Apr 2014 13:50:20 +0300 Subject: [PATCH] another pass on the frontage --- index-v2.html | 200 +++++++++++++++++++++++++------------------------- 1 file changed, 100 insertions(+), 100 deletions(-) diff --git a/index-v2.html b/index-v2.html index 212300e5..7db08981 100644 --- a/index-v2.html +++ b/index-v2.html @@ -32,19 +32,16 @@ and a simple, readable  -

A basic example: let's create a map with tiles of our choice and add a marker with some text in a popup:

+

Let's create a map in the 'map' div, add tiles of our choice, and then add a marker with some text in a popup:

-
// create a map in the "map" div, set the view to some place and zoom
-var map = L.map('map').setView([51.505, -0.09], 13);
+
var map = L.map('map').setView([51.505, -0.09], 13);
 
-// add an OpenStreetMap tile layer
 L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
     attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(map);
 
-// add a marker, add some popup content to it and show it
 L.marker([51.5, -0.09]).addTo(map)
-    .bindPopup('A pretty CSS3 popup. <br> Easily customizable.')
+    .bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
     .openPopup();

 
 
Learn more with the quick start guide, check out other tutorials,
@@ -57,134 +54,137 @@ If you have any questions, take a look at the third-party plugins.

 
 

-    

+    
Map Layers Out of the Box

 
-        
Map Layers Out of the Box

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

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

 
+    
Interaction Features

 
-        
Interaction Features

+    
    
+        
  • Drag panning with inertia
    • 
+    

 
-        
    
-            
  • Drag panning with inertia
    • 
-        

+    
On Desktop Browsers

 
-        
On Desktop Browsers

+    
    
+        
  • Scroll wheel zoom
    • 
+        
  • Double click zoom
    • 
+        
  • Zoom to area (shift-drag)
    • 
+        
  • Keyboard navigation (with arrows and +/- keys)
    • 
+    

 
-        
    
-            
  • Scroll wheel zoom
    • 
-            
  • Double click zoom
    • 
-            
  • Zoom to area (shift-drag)
    • 
-            
  • Keyboard navigation (with arrows and +/- keys)
    • 
-        

 
+    
Mobile Browsers

 
-        
Mobile Browsers

+    
    
+        
  • Pinch-zoom (iOS, Android 4+, Win8)
    • 
+        
  • Double tap zoom
    • 
+    

 
-        
    
-            
  • Pinch-zoom (iOS, Android 4+, Win8)
    • 
-            
  • Double tap zoom
    • 
-        

+    
For Layers

 
-        
For Layers

+    
    
+        
  • Events: click, mouseover, etc.
    • 
+        
  • Marker dragging
    • 
+    

 
-        
    
-            
  • Various events: click (tap), mouseover, contextmenu, etc.
    • 
-            
  • Marker dragging
    • 
-        

+    
Visual Features

 
-        
-    

+    
    
+        
  • Zoom and pan animation (for all layers, including tile layers, markers and vector layers)
    • 
+        
  • Smooth pinch-zoom on modern mobile devices
    • 
+        
  • Tile and popup fade animation
    • 
+        
  • Very nice default design for markers, popups and other map controls
    • 
+        
  • Retina resolution support for tile layers and markers
    • 
+    

 
-    

 
-        
Visual Features

+    
Customization Features

 
-        
    
-            
  • Zoom and pan animation (for all layers, including tile layers, markers and vector layers)
    • 
-            
  • Smooth pinch-zoom on modern mobile devices
    • 
-            
  • Tile and popup fade animation
    • 
-            
  • Very nice default design for markers, popups and other map controls
    • 
-            
  • Retina resolution support for tile layers and markers
    • 
-        

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

 
+    
Performance Features

 
-        
Customization Features

+    
    
+        
  • Hardware acceleration on iOS (and other modern browsers) makes it feel as smooth as native apps
    • 
+        
  • Utilizing CSS3 features like Transitions, Transforms, requestAnimationFrame to make panning and zooming really smooth
    • 
+        
  • Smart polyline/polygon rendering with dynamic clipping and simplification makes it responsive even when displaying objects with thousands of points
    • 
+        
  • Modular design and a build system allow you to reduce the library size by leaving out features you don't need
    • 
+        
  • Tap delay elimination on mobile devices makes controls and layers respond to taps immediately
    • 
+    

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

+    
Map Controls

 
-        
Performance Features

+    
    
+        
  • Zoom buttons
    • 
+        
  • Attribution
    • 
+        
  • Layer switcher
    • 
+        
  • Scale
    • 
+    

 
-        
    
-            
  • Hardware acceleration on iOS (and other modern browsers) makes it feel as smooth as native apps
    • 
-            
  • Utilizing CSS3 features like Transitions, Transforms, requestAnimationFrame to make panning and zooming really smooth
    • 
-            
  • Smart polyline/polygon rendering with dynamic clipping and simplification makes it responsive even when displaying objects with thousands of points
    • 
-            
  • Modular design and a build system allow you to reduce the library size by leaving out features you don't need
    • 
-            
  • Tap delay elimination on mobile devices makes controls and layers respond to taps immediately
    • 
-        

 
-    

+    
Browser Support

 
-    

+    
On Desktop

 
-        
Map Controls

+    
    
+        
  • Chrome
    • 
+        
  • Firefox
    • 
+        
  • Safari 5+
    • 
+        
  • Opera 12+
    • 
+        
  • IE 7–11
    • 
+    

 
-        
    
-            
  • Zoom buttons
    • 
-            
  • Attribution
    • 
-            
  • Layer switcher
    • 
-            
  • Scale
    • 
-        

+    
On Mobile

 
+    
    
+        
  • Safari for iOS 3–7+
    • 
+        
  • Android browser 2.2+, 3.1+, 4+
    • 
+        
  • Chrome for Android 4+ and iOS
    • 
+        
  • Firefox for Android
    • 
+        
  • IE10/11 for Win8 devices
    • 
+    

 
-        
Browser Support

 
-        
On Desktop

+    
Misc

 
-        
    
-            
  • Chrome
    • 
-            
  • Firefox
    • 
-            
  • Safari 5+
    • 
-            
  • Opera 12+
    • 
-            
  • IE 7–11
    • 
-        

+    
    
+        
  • Extremely lightweight — around 34 KB of gzipped JS code
    • 
+        
  • No external dependencies
    • 
+    

+

 
-        
On Mobile

+
If you find some feature really missing in Leaflet, please vote for it on the Leaflet UserVoice page.

 
-        
    
-            
  • Safari for iOS 3–7+
    • 
-            
  • Android browser 2.2+, 3.1+, 4+
    • 
-            
  • Chrome for Android 4+ and iOS
    • 
-            
  • Firefox for Android
    • 
-            
  • IE10/11 for Win8 devices
    • 
-        

+
Getting Involved

 
+
Lets create the best mapping library that will ever exist! Leaflet is developed by Vladimir Agafonkin of Mapbox with a team of dedicated contributors.
+Pull requests are always welcome.
+However, there are many more ways to get involved with the development of Leaflet.

 
-        
Misc

+
You can help the project tremendously by discovering and reporting bugs, improving documentation,
+helping others on the Leaflet forum
+and GitHub issues,
+showing your support for your favorite feature suggestions on Leaflet UserVoice page,
+tweeting to @LeafletJS
+and spreading the word about Leaflet among your colleagues and friends.

 
-        
    
-            
  • Extremely lightweight — around 34 KB of gzipped JS code
    • 
-            
  • No external dependencies
    • 
-        

-    

-
-
-
If you find some feature really missing in Leaflet, please vote for it on the Leaflet UserVoice page.

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

     
© 2010–2014 Vladimir Agafonkin, 2010–2011 CloudMade. Maps © OpenStreetMap contributors.