forked from JasonSanford/leaflet-vector-layers
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (113 loc) · 8.51 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Leaflet Vector Layers - Jason Sanford</title>
<meta name="description" content="Display vector data from ArcGIS Server, GeoIQ, Geocommons, Arc2Earth, CartoDB and others in a Leaflet map">
<meta name="author" content="Jason Sanford">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
<link href="docs-demo/css/bootstrap.css" rel="stylesheet">
<link href="docs-demo/css/prettify.css" rel="stylesheet">
<link href="docs-demo/css/docs.css" rel="stylesheet">
<link href="docs-demo/css/demo.css" rel="stylesheet">
</head>
<body>
<a href="https://github.com/JasonSanford/leaflet-vector-layers"><img style="position: fixed; top: 0; right: 0; border: 0; z-index: 10001;" src="docs-demo/img/github-fork.png" alt="Fork me on GitHub"></a>
<div class="topbar" data-dropdown="dropdown">
<div class="topbar-inner">
<div class="container-fluid">
<a class="brand" href="./">Leaflet Vector Layers</a>
<ul class="nav">
<li class="active"><a href="./">Home</a></li>
<li><a href="documentation">Documentation</a></li>
<li class="dropdown">
<a href="demos" class="dropdown-toggle">Demos</a>
<ul class="dropdown-menu">
<li><a href="demos/arcgis-server">ArcGIS Server</a></li>
<li><a href="demos/arc2earth">Arc2Earth</a></li>
<li><a href="demos/cartodb">CartoDB</a></li>
<li><a href="demos/geoiq">GeoIQ</a></li>
<li><a href="demos/postgis-restful-web-service-framework">PostGIS RESTful Web Service Framework</a></li>
<li><a href="demos/gis-cloud">GIS Cloud</a></li>
<li><a href="demos/gitspatial">GitSpatial</a></li>
</ul>
</li>
<li><a href="tips-tricks">Tips + Tricks</a></li>
<li><a href="download">Download</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="content">
<h1>Leaflet Vector Layers</h1>
<div class="row">
<div class="span5">
<h2>What?</h2>
<p>Leaflet Vector Layers allows you to easily add one or more vector layers from a number of different geo web services to a <a href="http://leaflet.cloudmade.com/">Leaflet</a> map.</p>
<p>Currently there's support for ArcGIS Server, Arc2Earth, GeoIQ, CartoDB and GIS Cloud with <a href="https://github.com/JasonSanford/leaflet-vector-layers/issues">more planned</a>.</p>
<p>Check the <a href="demos">demos</a> to see the library in action.</p>
</div>
<div class="span6">
<h2>How?</h2>
<p>Leaflet Vector Layers works by listening to map events (pan and zoom) and then fetching features within the map bounds after each event. This method works great for data sets with lots of features that you want to interact with, but not load all at once.</p>
<p>Sound Chatty? Only have a handful of features? You can also load all of the data once, without listening to map pan and zoom events.</p>
</div>
<div class="span5">
<h2>Help</h2>
<p>This is an open source project so enhancements and patches are encouraged.</p>
<p>So <a href="https://github.com/JasonSanford/leaflet-vector-layers">grab the code</a>, <a href="https://github.com/JasonSanford/leaflet-vector-layers/issues">report bugs</a> and <a href="mailto:jason@geojason.info">let me know what you think</a>.</p>
<p>There's also a <a href="http://groups.google.com/group/leaflet-vector-layers">Leaflet Vector Layers group</a> if you're interested in joining.</p>
<p><a class="btn primary" href="https://github.com/JasonSanford/leaflet-vector-layers">Leaflet Vector Layers on GitHub »</a></p>
</div>
</div>
<hr>
<h1>Features</h1>
<div class="row">
<div class="span7">
<h2>Multi-provider Support</h2>
<p><img src="docs-demo/img/providers.png" class="sample-image" /> Leaflet Vector Layers makes it easy to dynamically pull vector features from a number of different geo web service providers including <a href="http://www.esri.com/software/arcgis/arcgisserver/index.html">ArcGIS Server</a>, <a href="http://www.arc2earth.com">Arc2Earth</a>, <a href="http://cartodb.com">CartoDB</a> and <a href="http://geocommons.com">Geocommons</a>.</p>
<p>If you're interested in, or know of any other providers for this library please <a href="mailto:jason@geojason.info">let me know</a>.</p>
</div>
<div class="span9">
<h2>Easy Popup Templating</h2>
<p><img src="docs-demo/img/popup.png" class="sample-image" />The simplest way to describe features in a Leaflet map is by using the API's Popup.</p>
<p class="docs">Templates can be in the form of a simple string with field names mustache-wrapped (<code>{driver_name}</code>), or a function that returns HTML content for the Popup. The feature's properties are passed to this function so you can do things like analyze data or <a href="demos/arcgis-server#charts-graphs">show charts and graphs</a>.</p>
<p>For details on Popup templating <a href="documentation/#docs-popup">check the documentation</a>.</p>
</div>
</div>
<div class="row">
<div class="span8">
<h2>Dynamic Data Support</h2>
<p><img src="docs-demo/img/dynamic.png" class="sample-image" />Leaflet Vector Layers makes it easy to visualize live data in a Leaflet map. Just mark the layer as dynamic and auto-updating when you create it and set the interval for how often you'd like to check for updated features.</p>
<!--<p>It's also possible to only check for updated features when the map extent changes.</p>-->
<p>For details on displaying dynamic data <a href="documentation/#docs-dynamic">check the documentation</a>.</p>
</div>
<div class="span8">
<h2>Simple, Powerful Symbology</h2>
<p>Creating effective map styling and symbology is key to getting your message accross to your users.</p>
<p>With Leaflet Vector Layers you can style your layers with a single symbology, a unique symbol for specific attribute values or set symbols to display if a feature's attributes are within a specific range.</p>
<p>For details on symbology options <a href="documentation/#docs-symbology">check the documentation</a>.</p>
</div>
</div>
<div class="row">
<div class="span8">
<h2>Scale Dependent Rendering</h2>
<p class="docs">You likely wouldn't want to show lots of features with complex geometies at lower zoom levels. Using the <code>scaleRange</code> option allows you to set the minimum and maximum zoom levels at which a layer is visible.</p>
</div>
</div>
<footer>
<p>© Jason Sanford - geojason.info 2013</p>
</footer>
</div>
</div>
<script src="docs-demo/js/prettify.js" type="text/javascript"></script>
<script src="docs-demo/js/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="docs-demo/js/docs-demos.js" type="text/javascript"></script>
<script src="docs-demo/js/bootstrap-dropdown.js" type="text/javascript"></script>
</body>
</html>