ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added keywords and tags to examples. People who want to help clean up our examples collection should look for the cleanup tag. Patch created by marcjansen during the FOSS4G 2009 and 2010 code sprints. Thanks! p=marcjansen, r=me (closes #2830)

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@10730 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
ahocevar
2010-09-13 12:26:18 +00:00
parent 4be7614570
commit 35092e9226
164 changed files with 451 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/GMLParser.html
View File

@@ -27,7 +27,9 @@
<body onload="load()">
<h1 id="title">GML Parser Example</h1>
<div id="tags"></div>
<div id="tags">
GML, parse, parsing
</div>
<p id="shortdesc">
Demonstrate the operation of the GML parser.

4
examples/KMLParser.html
View File

@@ -31,7 +31,9 @@
<body onload="load()">
<h1 id="title">KML Parser Example</h1>
<div id="tags"></div>
<div id="tags">
KML, parsing, format
</div>
<p id="shortdesc">
Demonstrate the operation of the KML parser.

4
examples/SLDSelect.html
View File

@@ -130,7 +130,9 @@
<body onload="init()">
<h1 id="title">SLD based selection on WMS layers</h1>
<div id="tags"></div>
<div id="tags">
sld, sldselect, styling, style
</div>
<div id="shortdesc">Using Styled Layer Descriptors to make a selection on WMS layers</div>

4
examples/WMSDescribeLayerParser.html
View File

@@ -25,7 +25,9 @@
<body onload="load()">
<h1 id="title">WMSDescribeLayer Parser Example</h1>
<div id="tags"></div>
<div id="tags">
wmsdescribelayer, parser, cleanup
</div>
<p id="shortdesc">
Demonstrate the operation of the WMSDescribeLayer parser.

4
examples/WMSPost.html
View File

@@ -152,7 +152,9 @@
<h1 id="title">Basic WMS Example via HTTP-POST protocol with a large SLD
included</h1>
<div id="tags"></div>
<div id="tags">
sld, advanced
</div>
<div id="shortdesc">Creating a WMS layer with a large SLD in the sld_body</div>

1
examples/accessible.html
View File

@@ -50,6 +50,7 @@
<h1 id="title">Accessible Example</h1>
<div id="tags">
keyboard, pan, panning, zoom, zooming, accesskey
</div>
<p id="shortdesc">

3
examples/all-overlays-google.html
View File

@@ -11,6 +11,9 @@
</head>
<body onload="init()">
<h1 id="title">All Overlays with Google and OSM</h1>
<div id="tags">
overlay, baselayer, google, osm, openstreetmap
</div>
<p id="shortdesc">
Using the Google and OSM layers as overlays.
</p>

3
examples/all-overlays.html
View File

@@ -56,6 +56,9 @@
</head>
<body onload="init()">
<h1 id="title">OpenLayers Overlays Only Example</h1>
<div id="tags">
overlay, baselayer
</div>
<p id="shortdesc">
Demonstrates a map with overlays only.
</p>

4
examples/animated_panning.html
View File

@@ -73,7 +73,9 @@
</head>
<body onload="init()">
<h1 id="title">map.panTo Example</h1>
<div id="tags">map.panTo</div>
<div id="tags">
panning, animation, effect, smooth, panMethod
</div>
<div id="shortdesc">Show animated panning effects in the map</div>
<div id="map" class="smallmap"></div>
<div id="docs">

1
examples/arcgis93rest.html
View File

@@ -41,6 +41,7 @@
<h1 id="title">ArcGIS Server 9.3 Rest API Example</h1>
<div id="tags">
ESRI, ArcGIS, REST, filter
</div>
<p id="shortdesc">
Shows the basic use of openlayers using an ArcGIS Server 9.3 Rest API layer

1
examples/arcims-thematic.html
View File

@@ -58,6 +58,7 @@
<h1 id="title">ArcIMS Thematic Example</h1>
<div id="tags">
ESRI, ArcIMS, ArcXML, style, thematic, chloropleth, representation
</div>
<p id="shortdesc">
Shows the advanced use of OpenLayers using a thematic ArcIMS layer

1
examples/arcims.html
View File

@@ -33,6 +33,7 @@
<h1 id="title">ArcIMS Example</h1>
<div id="tags">
ESRI, ArcIMS
</div>
<p id="shortdesc">
Shows the basic use of OpenLayers using an ArcIMS layer

4
examples/attribution.html
View File

@@ -34,7 +34,7 @@
<h1 id="title">Attribution Example</h1>
<div id="tags">
copyright watermark logo attribution
copyright, watermark, logo, attribution
</div>
<p id="shortdesc">
@@ -47,7 +47,7 @@
This is an example of how to add an attribution block to the OpenLayers window. In order to use an
attribution block, an attribution parameter must be set in each layer that requires attribution. In
addition, an attribution control must be added to the map, though one is added to all OpenLayers Maps by default.
Be aware that this is a layer *option*: the options hash goes in
Be aware that this is a layer <strong>option</strong>: the options hash goes in
different places depending on the layer type you are using.
</div>
</body>

2
examples/baseLayers.html
View File

@@ -15,6 +15,7 @@
<script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
<!-- Localhost key -->
<!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
<!-- CLEANUP: the URL below doesn't work anymore -->
<script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
<script src='http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1'></script>
<script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
@@ -77,6 +78,7 @@
<h1 id="title">Base Layers Example</h1>
<div id="tags">
Google, Yahoo, Virtual Earth, Bing, MultiMap, cleanup
</div>
<p id="shortdesc">

3
examples/behavior-fixed-http-gml.html
View File

@@ -31,6 +31,9 @@
</head>
<body onload="init()">
<h1 id="title">Vector Behavior Example (Fixed/HTTP/GML)</h1>
<div id="tags">
vector, strategy, strategies, protocoll, advanced, gml, http, fixed
</div>
<p id="shortdesc">
Vector layer with a Fixed strategy, HTTP protocol, and GML format.
</p>

4
examples/bing.html
View File

@@ -35,7 +35,9 @@
<body onload="init()">
<h1 id="title">Bing Example</h1>
<div id="tags"></div>
<div id="tags">
Bing, Microsoft, Virtual Earth
</div>
<p id="shortdesc">
Demonstrates the use of Bing layers.

5
examples/boxes-vector.html
View File

@@ -1,6 +1,6 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>OpenLayers Boxes Example</title>
<title>OpenLayers Boxes Vector Example</title>
<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="../lib/OpenLayers.js"></script>
@@ -38,9 +38,10 @@
</script>
</head>
<body onload="init()">
<h1 id="title">Boxes Example</h1>
<h1 id="title">Boxes Example Vector</h1>
<div id="tags">
box, vector, annotation
</div>
<p id="shortdesc">

1
examples/boxes.html
View File

@@ -40,6 +40,7 @@
<h1 id="title">Boxes Example</h1>
<div id="tags">
box, annotation
</div>
<p id="shortdesc">

4
examples/browser-name.html
View File

@@ -76,7 +76,9 @@
<h1 id="title" style="display:inline;">Example Showing Browser Name</h1>
<h3 id="browserHeader" style="display:inline;"></h3>
<div id="tags"></div>
<div id="tags">
browser, vendor
</div>
<p id="shortdesc">
Demonstrate a simple map that shows the browser name.

1
examples/buffer.html
View File

@@ -33,6 +33,7 @@
<h1 id="title">Buffer Example</h1>
<div id="tags">
buffer, performance, tile
</div>
<p id="shortdesc">

3
examples/canvas.html
View File

@@ -9,6 +9,9 @@
</head>
<body onload="init()">
<h1 id="title">Canvas Renderer Example</h1>
<div id="tags">
canvas, renderer, advanced,
</div>
<p id="shortdesc">
Demonstrates the use of the canvas renderer with a vector layer.
</p>

3
examples/click-handler.html
View File

@@ -16,7 +16,7 @@
#east {
position: absolute;
left: 370px;
top: 3em;
top: 4em;
}
table td {
@@ -156,6 +156,7 @@
<div id="west">
<div id="tags">
event, events, propagation, advanced
</div>
<p id="shortdesc">

12
examples/click.html
View File

@@ -65,17 +65,23 @@
<h1 id="title">Click Event Example</h1>
<div id="tags">
click control, double, doubleclick, double-click, event, events,
propagation
</div>
<p id="shortdesc">
This example shows the use of the click handler and getLonLatFromViewPortPx functions to trigger events on mouse click.
This example shows the use of the click handler and
getLonLatFromViewPortPx functions to trigger events on mouse click.
</p>
<div id="map" class="smallmap"></div>
<div id="docs">
Using the Click handler allows you to (for example) catch clicks without catching double clicks, something that standard browser events don't do for you. (Try double clicking: you'll zoom in, whereas using the browser click event, you would just get two alerts.) This example click control shows you how to use it.
Using the Click handler allows you to (for example) catch clicks
without catching double clicks, something that standard browser
events don't do for you. (Try double clicking: you'll zoom in,
whereas using the browser click event, you would just get two
alerts.) This example click control shows you how to use it.
</div>
</body>
</html>

1
examples/controls.html
View File

@@ -49,6 +49,7 @@
<h1 id="title">Map Controls Example</h1>
<div id="tags">
control, basic
</div>
<p id="shortdesc">

1
examples/custom-control-point.html
View File

@@ -42,6 +42,7 @@
<h1 id="title">Custom Control Point Example</h1>
<div id="tags">
control, point, cleanup
</div>
<p id="shortdesc">

9
examples/custom-control.html
View File

@@ -46,14 +46,19 @@
<h1 id="title">Custom Control Example</h1>
<div id="tags">
control, panel, rectangle
</div>
<p id="shortdesc">
Demonstrate the addition of a draggable rectangle to the OpenLayers window.
Demonstrate the addition of a rectangle to the OpenLayers window.
</p>
<div id="map" class="smallmap"></div>
<div id="docs"></div>
<div id="docs">
The control allows you to draw a rectangle, that reports its coordinates
after creation. Hold down the shift key on your keyboard and draw a
rectangle with the mouse.
</div>
</body>
</html>

3
examples/custom-style.html
View File

@@ -10,7 +10,7 @@
}
div.olControlMousePosition {
font-family: Verdana;
font-size: 0.5em;
font-size: 2em;
color: red;
}
</style>
@@ -37,6 +37,7 @@
<h1 id="title">Custom Style Example</h1>
<div id="tags">
styling, css, stylesheet, theming, theme
</div>
<p id="shortdesc">

4
examples/debug.html
View File

@@ -27,7 +27,9 @@
<body>
<h1 id="title">Debug Example</h1>
<div id="tags"></div>
<div id="tags">
debugging, error, fix, fixing, console, firebug, developers, advanced
</div>
<p id="shortdesc">
Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.

4
examples/document-drag.html
View File

@@ -24,7 +24,9 @@
<body onload="init()">
<h1 id="title">OpenLayers Document Drag Example</h1>
<div id="tags"></div>
<div id="tags">
drag
</div>
<div id="shortdesc">Keep on dragging even when the mouse cursor moves outside of the map</div>

4
examples/doubleSetCenter.html
View File

@@ -9,7 +9,9 @@
<body>
<h1 id="title">Double Set Center Example</h1>
<div id="tags"></div>
<div id="tags">
center, centering, cleanup
</div>
<p id="shortdesc">
Demonstrate the behavior of two calls to set the center after instatiating the layer object.

4
examples/drag-feature.html
View File

@@ -62,7 +62,9 @@
<body onload="init()">
<h1 id="title">Drag Feature Example</h1>
<div id="tags"></div>
<div id="tags">
point, line, linestring, polygon, digitizing, geometry, draw, drag
</div>
<p id="shortdesc">
Demonstrates point, line and polygon creation and editing.

4
examples/draw-feature.html
View File

@@ -67,7 +67,9 @@
<body onload="init()">
<h1 id="title">OpenLayers Draw Feature Example</h1>
<div id="tags"></div>
<div id="tags">
point, line, linestring, polygon, digitizing, geometry, draw, drag
</div>
<p id="shortdesc">
Demonstrate on-screen digitizing tools for point, line, and polygon creation.

3
examples/dynamic-text-layer.html
View File

@@ -66,6 +66,9 @@
</head>
<body onload="init()">
<h1 id="title">Dynamic POIs via a Text Layer</h1>
<div id="tags">
poi, dynamic data, text, format, strategy, popup, select, selection
</div>
<p id="shortdesc">
Loading dynamic data from a text file.
</p>

3
examples/editingtoolbar-outside.html
View File

@@ -43,6 +43,9 @@
</head>
<body onload="init()">
<h1 id="title">OpenLayers EditingToolbar Outside Viewport</h1>
<div id="tags">
digitizing, point, line, linestring, polygon, editing, positioning, style
</div>
<p id="shortdesc">
Display an editing toolbar panel outside the map viewport.
</p>

4
examples/editingtoolbar.html
View File

@@ -33,7 +33,9 @@
<body onload="init()">
<h1 id="title">Editing Toolbar Example</h1>
<div id="tags"></div>
<div id="tags">
digitizing, point, line, linestring, polygon, editing
</div>
<p id="shortdesc">
Demonstrate polygon, polyline and point creation and editing tools.

3
examples/events.html
View File

@@ -18,7 +18,7 @@
#output {
position: absolute;
left: 550px;
top: 40px;
top: 4em;
width: 350px;
height: 400px;
}
@@ -136,6 +136,7 @@
<h1 id="title">Event Handling</h1>
<div id="tags">
event, events, handler, listener, cleanup
</div>
<p id="shortdesc">

4
examples/example.html
View File

@@ -45,7 +45,9 @@
</head>
<body onload="init()">
<h1 id="title">OpenLayers Example</h1>
<div id="tags"></div>
<div id="tags">
simple, basic
</div>
<p id="shortdesc">
Demonstrate a simple map with an overlay that includes layer switching controls.
</p>

3
examples/filter-strategy.html
View File

@@ -16,6 +16,9 @@
</head>
<body>
<h1 id="title">Filter Strategy</h1>
<div id="tags">
filter, strategy, strategies, kml, advanced
</div>
<p id="shortdesc">
Demonstrates the filter strategy for limiting features passed to the layer.
</p>

4
examples/filter.html
View File

@@ -63,6 +63,10 @@
</head>
<body>
<h1 id="title">Filter Encoding</h1>
<div id="tags">
filter, format, comparison, filter encoding, fe, logical, attribute,
attributive, spatial, advanced
</div>
<p id="shortdesc">
Using the filter format write out filter objects.
</p>

1
examples/fractional-zoom.html
View File

@@ -40,6 +40,7 @@
<h1 id="title">Fractional Zoom Example</h1>
<div id="tags">
zoomlevel, unlimited zoom, scale
</div>
<p id="shortdesc">
Shows the use of a map with fractional (or non-discrete) zoom levels.

11
examples/fullScreen.html
View File

@@ -17,6 +17,9 @@
bottom: 1em;
left: 1em;
width: 512px;
z-index: 20000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
}
</style>
<script src="../lib/OpenLayers.js"></script>
@@ -40,8 +43,8 @@
map.addLayers([ol_wms, jpl_wms, dm_wms]);
map.addControl(new OpenLayers.Control.LayerSwitcher());
// map.setCenter(new OpenLayers.LonLat(0, 0), 0);
map.zoomToMaxExtent();
map.setCenter(new OpenLayers.LonLat(0, 0), 6);
//map.zoomToMaxExtent();
}
</script>
</head>
@@ -51,7 +54,9 @@
<div id="text">
<h1 id="title">Full Screen Example</h1>
<div id="tags"></div>
<div id="tags">
css, style, fullscreen, window, margin, padding, scrollbar
</div>
<p id="shortdesc">
Demonstrate a map that fill the entire browser window.

11
examples/geojson.html
View File

@@ -57,6 +57,17 @@
</head>
<body onload="init()">
<h1 id="title">GeoJSON Example</h1>
<div id="tags">
JSON, GeoJSON
</div>
<p id="shortdesc">
Demonstrate the use of the GeoJSON format.
</p>
<div id="map" class="smallmap"></div>
<div id="docs">
This example uses the GeoJSON format.
</div>
</body>
</html>

18
examples/georss-flickr.html
View File

@@ -94,7 +94,23 @@
</head>
<body onload="init()">
<h1 id="title">GeoRSS from Flickr in OpenLayers</h1>
<p>The displayed GeoRSS feed has a <tt>&lt;media:thumbnail/&gt;</tt> property for each item. An extended <tt>createFeatureFromItem()</tt> function is used to add this attribute to the attributes hash of each feature read in by <tt>OpenLayers.Format.GeoRSS</tt>. The example is configured with a style to render each item with its thumbnail image. Also, to show how rules work, we defined a rule that if the title of an rss item contains "powder", it will be rendered larger than the others.</p>
<div id="tags">
georss, style, styling, marker, flickr, thumbnail, image, rule
</div>
<p id="shortdesc">
Display a flickr-feed on top of the map
</p>
<div id="map" class="smallmap"></div>
<div id="docs">
<p>The displayed GeoRSS feed has a <tt>&lt;media:thumbnail/&gt;</tt>
property for each item. An extended <tt>createFeatureFromItem()</tt>
function is used to add this attribute to the attributes hash of each
feature read in by <tt>OpenLayers.Format.GeoRSS</tt>. The example is
configured with a style to render each item with its thumbnail image.
Also, to show how rules work, we defined a rule that if the title of an
rss item contains "powder", it will be rendered larger than the others.</p>
</div>
</body>
</html>

6
examples/georss-markers.html
View File

@@ -17,7 +17,7 @@
map.addControl(new OpenLayers.Control.LayerSwitcher());
var newl = new OpenLayers.Layer.GeoRSS( 'GeoRSS', 'georss.xml');
map.addLayer(newl);
var yelp = new OpenLayers.Icon("http://openlayers.org/~crschmidt/yelp.png", new OpenLayers.Size(20,29));
var yelp = new OpenLayers.Icon("http://www.openlayers.org/images/OpenLayers.trac.png", new OpenLayers.Size(49,44));
var newl = new OpenLayers.Layer.GeoRSS( 'Yelp GeoRSS', 'yelp-georss.xml', {'icon':yelp});
map.addLayer(newl);
}
@@ -26,7 +26,9 @@
<body onload="init()">
<h1 id="title">GeoRSS Marker Example</h1>
<div id="tags"></div>
<div id="tags">
georss, style, styling, marker, flickr, image
</div>
<p id="shortdesc">
Demonstrate loading a GeoRSS feed using the GeoRSS parser.

8
examples/georss.html
View File

@@ -29,7 +29,9 @@
<body onload="init()">
<h1 id="title">GeoRSS Example</h1>
<div id="tags"></div>
<div id="tags">
georss, style, styling, marker
</div>
<p id="shortdesc">
Display a couple of locally cached georss feeds on an a basemap.
@@ -48,9 +50,9 @@
<input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
</form>
<p>The above input box allows the input of a URL to a GeoRSS feed. This feed can be local to the HTML page --
<p>The above input box allows the input of a URL to a GeoRSS feed. This feed can be local to the HTML page &mdash;
for example, entering 'georss.xml' will work by default, because there is a local file in the directory called
georss.xml -- or, with a properly set up ProxyHost variable (as is used here), it will be able to load any
georss.xml &mdash; or, with a properly set up ProxyHost variable (as is used here), it will be able to load any
HTTP URL which contains GeoRSS and display it. Anything else will simply have no effect.</p>
</div>
</body>

1
examples/getfeature-wfs.html
View File

@@ -57,6 +57,7 @@
<h1 id="title">WFS GetFeature Example (GeoServer)</h1>
<div id="tags">
WFS, GetFeature
</div>
<p id="shortdesc">

4
examples/getfeatureinfo-control.html
View File

@@ -160,7 +160,9 @@
<body onload="load()">
<h1 id="title">Feature Info Example</h1>
<div id="tags"></div>
<div id="tags">
WMS, GetFeatureInfo
</div>
<p id="shortdesc">
Demonstrates the WMSGetFeatureInfo control for fetching information about a position from WMS (via GetFeatureInfo request).

4
examples/getfeatureinfo-popup.html
View File

@@ -75,7 +75,9 @@
<body onload="load()">
<h1 id="title">Feature Info in Popup</h1>
<div id="tags"></div>
<div id="tags">
WMS, GetFeatureInfo, popup
</div>
<p id="shortdesc">
Demonstrates the WMSGetFeatureInfo control for fetching information

5
examples/getfeatureinfo.html
View File

@@ -11,7 +11,9 @@
<body>
<h1 id="title">Feature Info Example</h1>
<div id="tags"></div>
<div id="tags">
WMS, GetFeatureInfo, cleanup
</div>
<p id="shortdesc">
Demonstrates sending a GetFeatureInfo query to an OWS. Returns information about a map feature in the side DIV.
@@ -31,6 +33,7 @@
OpenLayers.ProxyHost = "/dev/examples/proxy.cgi?url=";
var map = new OpenLayers.Map('map', {'maxResolution':'auto'});
// cleanup: this WMS is broken
var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
"http://world.freemap.in/cgi-bin/mapserv?map=/www/freemap.in/world/map/factbook.map", {'layers': 'factbook'} );
map.addLayer(wms);

4
examples/gml-layer.html
View File

@@ -23,7 +23,9 @@
<body onload="init()">
<h1 id="title">GML Layer Example</h1>
<div id="tags"></div>
<div id="tags">
GML
</div>
<p id="shortdesc">
Loads locally stored GML vector data on a basemap. Includes GML example file.

4
examples/google-reproject.html
View File

@@ -37,7 +37,9 @@
<body onload="init()">
<h1 id="title">Google with Overlay Example</h1>
<div id="tags"></div>
<div id="tags">
Google, overlay, mercator, reproject, cleanup
</div>
<p id="shortdesc">
Demonstrate a Google basemap used with boundary overlay layer.

3
examples/google-v3-alloverlays.html
View File

@@ -11,6 +11,9 @@
</head>
<body onload="init()">
<h1 id="title">Google (v3) allOverlays Layer Example</h1>
<div id="tags">
Google, overlay
</div>
<p id="shortdesc">
Demonstrate use the Google Maps v3 API with allOverlays set to true on the map.
</p>

3
examples/google-v3.html
View File

@@ -11,6 +11,9 @@
</head>
<body onload="init()">
<h1 id="title">Google (v3) Layer Example</h1>
<div id="tags">
Google, api key, apikey
</div>
<p id="shortdesc">
Demonstrate use the Google Maps v3 API.
</p>

4
examples/google.html
View File

@@ -41,7 +41,9 @@
<body onload="init()">
<h1 id="title">Google Layer Example</h1>
<div id="tags"></div>
<div id="tags">
Google
</div>
<p id="shortdesc">
Demonstrate use of the various types of Google layers.

4
examples/graphic-name.html
View File

@@ -72,7 +72,9 @@
<body onload="init()">
<h1 id="title">Named Graphics Example</h1>
<div id="tags"></div>
<div id="tags">
vector, named graphic, star, cross, x, square, triangle, circle, style
</div>
<p id="shortdesc">
Shows how to use well-known graphic names.

1
examples/graticule.html
View File

@@ -89,6 +89,7 @@
<h1 id="title">Graticule Example</h1>
<div id="tags">
graticule, grid
</div>
<p id="shortdesc">

4
examples/gutter.html
View File

@@ -33,7 +33,9 @@
<body>
<h1 id="title">Gutter Example</h1>
<div id="tags"></div>
<div id="tags">
gutter, quality, tile
</div>
<p id="shortdesc">
Demonstrates map tiling artifacts, and OpenLayer's facility for correcting this distortion.

3
examples/highlight-feature.html
View File

@@ -70,6 +70,9 @@
</head>
<body onload="init()">
<h1 id="title">OpenLayers Select and Highlight Feature Example</h1>
<div id="tags">
select, highlight, hover, onmouseover, click, vector
</div>
<p id="shortdesc">
Select features on click, highlight features on hover.
</p>

1
examples/hover-handler.html
View File

@@ -143,6 +143,7 @@
<div id="west">
<div id="tags">
hover, onmouseover, handler, listener, event, events
</div>
<p id="shortdesc">

4
examples/image-layer.html
View File

@@ -47,7 +47,9 @@
<body onload="init()">
<h1 id="title">Image Layer Example</h1>
<div id="tags"></div>
<div id="tags">
image, imagelayer
</div>
<p id="shortdesc">
Demonstrate a single non-tiled image as a selectable base layer.

3
examples/intersects.html
View File

@@ -161,6 +161,9 @@
<body onload="init()">
<div id="leftcol">
<h1 id="title">OpenLayers Geometry Intersection Example</h1>
<div id="tags">
intersection, geometry
</div>
<p id="shortdesc">
Use of geometry.intersects method for testing geometry intersections.
</p>

4
examples/kamap.html
View File

@@ -26,7 +26,9 @@
<body onload="init()">
<h1 id="title">KaMap Example</h1>
<div id="tags"></div>
<div id="tags">
KaMap
</div>
<p id="shortdesc">
Demonstrate a tiled kamap layer as the base map, which can be pre-cached for higher performance.

4
examples/kml-layer.html
View File

@@ -30,7 +30,9 @@
<body onload="init()">
<h1 id="title">KML Layer Example</h1>
<div id="tags"></div>
<div id="tags">
KML
</div>
<p id="shortdesc">
Demonstrates loading and displaying a KML file on top of a basemap.

3
examples/kml-track.html
View File

@@ -18,6 +18,9 @@
<p id="shortdesc">
Demonstrates parsing of gx:Track elements from KML.
</p>
<div id="tags">
KML, parser, parsing, tracks
</div>
<div id="map" class="smallmap"></div>
<div id="docs">
<p>

4
examples/late-render.html
View File

@@ -24,7 +24,9 @@
<body onload="init()">
<h1 id="title">Late Rendering</h1>
<div id="tags"></div>
<div id="tags">
creation, render, div
</div>
<p id="shortdesc">
Demonstrates how a map can be rendered to an empty container after

4
examples/layer-opacity.html
View File

@@ -65,7 +65,9 @@
<body onload="init()">
<h1 id="title">Layer Opacity Example</h1>
<div id="tags"></div>
<div id="tags">
opacity, transparent, transparency
</div>
<p id="shortdesc">
Demonstrate a change in the opacity for an overlay layer.

4
examples/layerLoadMonitoring.html
View File

@@ -107,7 +107,9 @@
<body onload="init()">
<h1 id="title">Layer Load Monitoring Example</h1>
<div id="tags"></div>
<div id="tags">
monitor, loading
</div>
<p id="shortdesc">
Demonstrate a method for monitoring tile loading performance.

1
examples/layerswitcher.html
View File

@@ -38,6 +38,7 @@
<h1 id="title">Layer Switcher Example</h1>
<div id="tags">
tree, layerswitcher, reposition
</div>
<p id="shortdesc">

4
examples/lite.html
View File

@@ -19,7 +19,9 @@
<body onload="init()">
<h1 id="title">Basic Single WMS Example</h1>
<div id="tags"></div>
<div id="tags">
basic, simple, minimal, cleanup
</div>
<div id="shortdesc">Show a Simple Map</div>

1
examples/mapguide.html
View File

@@ -135,6 +135,7 @@
<h1 id="title">MapGuide Layer Example</h1>
<div id="tags">
MapGuide, basic
</div>
<p id="shortdesc">

2
examples/mapserver.html
View File

@@ -25,7 +25,7 @@
</head>
<body onload="init()">
<h1 id="title">MapServer Layer</h1>
<div id="tags"></div>
<div id="tags">UMN Mapserver, tile, tiled</div>
<div id="shortdesc">Shows MapServer Layer</div>
<div id="map" class="smallmap"></div>
<div id="docs">

4
examples/mapserver_untiled.html
View File

@@ -25,7 +25,9 @@
</head>
<body>
<h1 id="title">MapServer Single Tile Mode</h1>
<div id="tags"></div>
<div id="tags">
UMN Mapserver, basic, singleTile
</div>
<div id="shortdesc">Shows single tile MapServer Layer</div>
<div id="map" class="smallmap"></div>
<div id="docs">

1
examples/marker-shadow.html
View File

@@ -107,6 +107,7 @@
<h1 id="title">Marker Shadows using Background Graphics/Z-Indexes</h1>
<div id="tags">
markers, shadow, style
</div>
<p id="shortdesc">

4
examples/markerResize.html
View File

@@ -40,7 +40,9 @@
</head>
<body onload="init()">
<h1 id="title">Resize a Marker</h1>
<div id="tags"></div>
<div id="tags">
animation, resizing, style, size
</div>
<div id="shortdesc">Dynamically resize a marker</div>
<div id="map" class="smallmap"></div>
<div id="docs">

2
examples/markers.html
View File

@@ -43,7 +43,7 @@
</head>
<body onload="init()">
<h1 id="title">Markers Layer Example</h1>
<div id="tags"></div>
<div id="tags">Marker, event, mousedown, popup, inco</div>
<div id="shortdesc">Show markers layer with different markers</div>
<div id="map" class="smallmap"></div>
<div id="docs">

3
examples/markersTextLayer.html
View File

@@ -25,6 +25,9 @@
</head>
<body onload="init()">
<h1 id="title">Using a Layer.Text to display markers</h1>
<div id="tags">
textlayer, csv, tsv, basic, popup
</div>
<p id="shortdesc">
The Layer.Text class reads a Tab seperated values file and displays it as markers on
the map.

3
examples/measure.html
View File

@@ -136,6 +136,9 @@
</head>
<body onload="init()">
<h1 id="title">OpenLayers Measure Example</h1>
<div id="tags">
measuring, geodesic, area, length, distance
</div>
<p id="shortdesc">
Demonstrates the measure control to measure distances and areas.
</p>

3
examples/mm.html
View File

@@ -50,6 +50,9 @@
</head>
<body onload="init()">
<h1 id="title">MultiMap Example</h1>
<div id="tags">
MultiMap, basic, cleanup
</div>
<p id="shortdesc">
An example of using the Layer.MultiMap class.
</p>

3
examples/modify-feature.html
View File

@@ -106,6 +106,9 @@
</head>
<body onload="init()">
<h1 id="title">OpenLayers Modify Feature Example</h1>
<div id="tags">
vertices, digitizing, draw, drawing
</div>
<div id="shortdesc">A demonstration of the ModifyFeature control for editing vector features.</div>
<div id="map" class="smallmap"></div>
<div id="controls">

3
examples/mouse-position.html
View File

@@ -29,6 +29,9 @@
</head>
<body onload="init()">
<h1 id="title">MousePosition Control</h1>
<div id="tags">
coordinate
</div>
<p id="shortdesc">
Use the MousePosition Control to display the coordinates of the cursor
inside or outside the map div.

4
examples/mousewheel-interval.html
View File

@@ -33,7 +33,9 @@
<body onload="init()">
<h1 id="title">OpenLayers Mousewheel Interval Example</h1>
<div id="tags"></div>
<div id="tags">
performance, zoom by wheel
</div>
<div id="shortdesc">Let OpenLayers send less tile requests to the server when wheel-zooming.</div>

3
examples/multimap-mercator.html
View File

@@ -54,6 +54,9 @@
</head>
<body onload="init()">
<h1 id="title">MultiMap Mercator Example</h1>
<div id="tags">
MultiMap, basic, cleanup
</div>
<p id="shortdesc">
This sphericalMercator example using multimap demonstrates that the
multimap layer does not fully support the sphericalMercator projection at

1
examples/multiserver.html
View File

@@ -27,6 +27,7 @@
<h1 id="title">Multiple Server URLS</h1>
<div id="tags">
performance, multiple urls, request
</div>
<p id="shortdesc">
Load your tiles faster by pointing to the same server, but with different urls

4
examples/navigation-control.html
View File

@@ -21,7 +21,9 @@
<body onload="init()">
<h1 id="title">Navigation Control</h1>
<div id="tags"></div>
<div id="tags">
drag, move, zoom, navigate
</div>
<div id="shortdesc">Demonstrate Navigation Control features</div>

1
examples/navigation-history.html
View File

@@ -44,6 +44,7 @@
<h1 id="title">Map Navigation History Example</h1>
<div id="tags">
history, basic
</div>
<p id="shortdesc">

3
examples/navtoolbar-alwaysZoom.html
View File

@@ -70,6 +70,9 @@
</head>
<body onload="init()">
<h1 id="title">A navToolbar with an alwaysZoom ZoomBox</h1>
<div id="tags">
navigation toolbar
</div>
<p id="shortdesc">
Demo of a custom NavToolbar which uses a zoomBox tool that always zoom in even when the zoom box is too big.
</p>

3
examples/navtoolbar-outsidemap.html
View File

@@ -33,6 +33,9 @@
</head>
<body onload="init()">
<h1 id="title">Navigation Toolbar: Outside the Map</h1>
<div id="tags">
navigation toolbar, style, position, div
</div>
<div id="map" class="smallmap"></div>
<div id="paneldiv" class="olControlNavToolbar"></div>
<div id="docs">

3
examples/navtoolbar.html
View File

@@ -30,6 +30,9 @@
</head>
<body onload="init()">
<h1 id="title">NavToolbar Demo</h1>
<div id="tags">
navigation toolbar, basic
</div>
<p id="shortdesc">
Demo the NavToolbar, a subclass of Control.Panel which shows icons for
navigation.

3
examples/notile.html
View File

@@ -26,6 +26,9 @@
</head>
<body onload="init()">
<h1 id="title">Untiled Example</h1>
<div id="tags">
tile, ratio, singleTile, performance
</div>
<p id="shortdesc">
Create an untiled WMS layer using the singleTile: true, option or the deprecated
WMS.Untiled layer.

1
examples/ordering.html
View File

@@ -168,6 +168,7 @@
<h1 id="title">Z-Index/Y-Order Example</h1>
<div id="tags">
stack, stacking, zindex, ordering
</div>
<p id="shortdesc">

3
examples/osm-google.html
View File

@@ -14,6 +14,9 @@
<p id="shortdesc">
Demonstrate use of an OSM layer and a Google layer as base layers.
</p>
<div id="tags">
openstreetmap google
</div>
<div id="map" class="smallmap"></div>
<div id="docs">
<p>

3
examples/osm-layer.html
View File

@@ -104,6 +104,9 @@
</head>
<body onload="init()">
<h1 id="title">Advanced OSM Layer</h1>
<div id="tags">
openstreetmap advanced
</div>
<div id="map" class="smallmap"></div>
<div id="download">
<ul>

4
examples/osm.html
View File

@@ -22,7 +22,9 @@
<body onload="init()">
<h1 id="title">Basic OSM Example</h1>
<div id="tags"></div>
<div id="tags">
openstreetmap basic
</div>
<div id="shortdesc">Show a Simple OSM Map</div>

3
examples/outOfRangeMarkers.html
View File

@@ -51,6 +51,9 @@
<body onload="init()">
<h1 id="title">Using maxResolution to control overlays</h1>
<div id="tags">
cleanup
</div>
<p id="shortdesc">
See how to control the maximum resolution for a markers layer,
causing it to not be displayed beyond a certain point.

1
examples/overviewmap.html
View File

@@ -21,6 +21,7 @@
<h1 id="title">Overview Map</h1>
<div id="tags">
overview, mapOptions, basic
</div>
<p id="shortdesc">
Enable a small Overview Map that moves/interacts with your main map.

7
examples/pan-zoom-panels.html
View File

@@ -78,8 +78,11 @@
</head>
<body onload='init();'>
<h1 id="title">Pan and Zoom Panels</h1>
<div id="tags"></div>
<p id="shortdesc">Customizable pan and zoom panels</p>
<div id="tags">
panning, zooming, panel, CSS, style
</div>
<p id="shortdesc">
Customizable pan and zoom panels
</p>
<div id="map" class="smallmap"></div>
<p id="docs">

3
examples/panel.html
View File

@@ -92,6 +92,9 @@
</head>
<body onload="init()">
<h1 id="title">Custom Control.Panel</h1>
<div id="tags">
panels, CSS, style, basic
</div>
<p id="shortdesc">
Create a custom control.panel, styled entirely with
CSS, and add your own controls to it.

6
examples/point-track-markers.html
View File

@@ -53,7 +53,11 @@
</head>
<body onload="init()">
<h1 id="title">GeoRSS PointTrack in OpenLayers</h1>
<p style="font-size:.9em;">This demo uses OpenLayers.Layer.GeoRSS and OpenLayers.Layer.PointTrack. The track is created by connecting the points of the GeoRSS feed.</a></p>
<div id="tags">
GeoRSS, PointTrack
</div>
<p id="shortdesc">This demo uses OpenLayers.Layer.GeoRSS and OpenLayers.Layer.PointTrack.</p>
<p style="font-size:.9em;">The track is created by connecting the points of the GeoRSS feed.</a></p>
<form onsubmit="return false;">
GeoRSS URL: <input type="text" id="url" size="50" /><input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
</form>

1
examples/popupMatrix.html
View File

@@ -870,6 +870,7 @@
<h1 id="title">Popup Matrix</h1>
<div id="tags">
popup, popups
</div>
<p id="shortdesc">
All kinds of different popup configurations.

1
examples/popups.html
View File

@@ -108,6 +108,7 @@
<h1 id="title">Popup Mayhem</h1>
<div id="tags">
popup, popups
</div>
<p id="shortdesc">
All kinds of ways to create and interact with Popups.

Some files were not shown because too many files have changed in this diff Show More