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()"> <body onload="load()">
<h1 id="title">GML Parser Example</h1> <h1 id="title">GML Parser Example</h1>
<div id="tags"></div> <div id="tags">
GML, parse, parsing
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate the operation of the GML parser. Demonstrate the operation of the GML parser.

4
examples/KMLParser.html
View File

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

4
examples/SLDSelect.html
View File

@@ -130,7 +130,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">SLD based selection on WMS layers</h1> <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> <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()"> <body onload="load()">
<h1 id="title">WMSDescribeLayer Parser Example</h1> <h1 id="title">WMSDescribeLayer Parser Example</h1>
<div id="tags"></div> <div id="tags">
wmsdescribelayer, parser, cleanup
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate the operation of the WMSDescribeLayer parser. 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 <h1 id="title">Basic WMS Example via HTTP-POST protocol with a large SLD
included</h1> 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> <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> <h1 id="title">Accessible Example</h1>
<div id="tags"> <div id="tags">
keyboard, pan, panning, zoom, zooming, accesskey
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

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

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

3
examples/all-overlays.html
View File

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

4
examples/animated_panning.html
View File

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

1
examples/arcgis93rest.html
View File

@@ -41,6 +41,7 @@
<h1 id="title">ArcGIS Server 9.3 Rest API Example</h1> <h1 id="title">ArcGIS Server 9.3 Rest API Example</h1>
<div id="tags"> <div id="tags">
ESRI, ArcGIS, REST, filter
</div> </div>
<p id="shortdesc"> <p id="shortdesc">
Shows the basic use of openlayers using an ArcGIS Server 9.3 Rest API layer 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> <h1 id="title">ArcIMS Thematic Example</h1>
<div id="tags"> <div id="tags">
ESRI, ArcIMS, ArcXML, style, thematic, chloropleth, representation
</div> </div>
<p id="shortdesc"> <p id="shortdesc">
Shows the advanced use of OpenLayers using a thematic ArcIMS layer 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> <h1 id="title">ArcIMS Example</h1>
<div id="tags"> <div id="tags">
ESRI, ArcIMS
</div> </div>
<p id="shortdesc"> <p id="shortdesc">
Shows the basic use of OpenLayers using an ArcIMS layer 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> <h1 id="title">Attribution Example</h1>
<div id="tags"> <div id="tags">
copyright watermark logo attribution copyright, watermark, logo, attribution
</div> </div>
<p id="shortdesc"> <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 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 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. 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. different places depending on the layer type you are using.
</div> </div>
</body> </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> <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
<!-- Localhost key --> <!-- Localhost key -->
<!-- <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>--> <!-- <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 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://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> <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> <h1 id="title">Base Layers Example</h1>
<div id="tags"> <div id="tags">
Google, Yahoo, Virtual Earth, Bing, MultiMap, cleanup
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

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

@@ -31,6 +31,9 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">Vector Behavior Example (Fixed/HTTP/GML)</h1> <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"> <p id="shortdesc">
Vector layer with a Fixed strategy, HTTP protocol, and GML format. Vector layer with a Fixed strategy, HTTP protocol, and GML format.
</p> </p>

4
examples/bing.html
View File

@@ -35,7 +35,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">Bing Example</h1> <h1 id="title">Bing Example</h1>
<div id="tags"></div> <div id="tags">
Bing, Microsoft, Virtual Earth
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrates the use of Bing layers. 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"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <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="../theme/default/style.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="style.css" type="text/css" />
<script src="../lib/OpenLayers.js"></script> <script src="../lib/OpenLayers.js"></script>
@@ -38,9 +38,10 @@
</script> </script>
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">Boxes Example</h1> <h1 id="title">Boxes Example Vector</h1>
<div id="tags"> <div id="tags">
box, vector, annotation
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

1
examples/boxes.html
View File

@@ -40,6 +40,7 @@
<h1 id="title">Boxes Example</h1> <h1 id="title">Boxes Example</h1>
<div id="tags"> <div id="tags">
box, annotation
</div> </div>
<p id="shortdesc"> <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> <h1 id="title" style="display:inline;">Example Showing Browser Name</h1>
<h3 id="browserHeader" style="display:inline;"></h3> <h3 id="browserHeader" style="display:inline;"></h3>
<div id="tags"></div> <div id="tags">
browser, vendor
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate a simple map that shows the browser name. 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> <h1 id="title">Buffer Example</h1>
<div id="tags"> <div id="tags">
buffer, performance, tile
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

3
examples/canvas.html
View File

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

3
examples/click-handler.html
View File

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

12
examples/click.html
View File

@@ -65,17 +65,23 @@
<h1 id="title">Click Event Example</h1> <h1 id="title">Click Event Example</h1>
<div id="tags"> <div id="tags">
click control, double, doubleclick, double-click, event, events,
propagation
</div> </div>
<p id="shortdesc"> <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> </p>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<div id="docs"> <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> </div>
</body> </body>
</html> </html>

1
examples/controls.html
View File

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

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

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

9
examples/custom-control.html
View File

@@ -46,14 +46,19 @@
<h1 id="title">Custom Control Example</h1> <h1 id="title">Custom Control Example</h1>
<div id="tags"> <div id="tags">
control, panel, rectangle
</div> </div>
<p id="shortdesc"> <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> </p>
<div id="map" class="smallmap"></div> <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> </body>
</html> </html>

3
examples/custom-style.html
View File

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

4
examples/debug.html
View File

@@ -27,7 +27,9 @@
<body> <body>
<h1 id="title">Debug Example</h1> <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"> <p id="shortdesc">
Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers. 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()"> <body onload="init()">
<h1 id="title">OpenLayers Document Drag Example</h1> <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> <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> <body>
<h1 id="title">Double Set Center Example</h1> <h1 id="title">Double Set Center Example</h1>
<div id="tags"></div> <div id="tags">
center, centering, cleanup
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate the behavior of two calls to set the center after instatiating the layer object. 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()"> <body onload="init()">
<h1 id="title">Drag Feature Example</h1> <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"> <p id="shortdesc">
Demonstrates point, line and polygon creation and editing. Demonstrates point, line and polygon creation and editing.

4
examples/draw-feature.html
View File

@@ -67,7 +67,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">OpenLayers Draw Feature Example</h1> <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"> <p id="shortdesc">
Demonstrate on-screen digitizing tools for point, line, and polygon creation. Demonstrate on-screen digitizing tools for point, line, and polygon creation.

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

@@ -66,6 +66,9 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">Dynamic POIs via a Text Layer</h1> <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"> <p id="shortdesc">
Loading dynamic data from a text file. Loading dynamic data from a text file.
</p> </p>

3
examples/editingtoolbar-outside.html
View File

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

4
examples/editingtoolbar.html
View File

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

3
examples/events.html
View File

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

4
examples/example.html
View File

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

3
examples/filter-strategy.html
View File

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

4
examples/filter.html
View File

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

1
examples/fractional-zoom.html
View File

@@ -40,6 +40,7 @@
<h1 id="title">Fractional Zoom Example</h1> <h1 id="title">Fractional Zoom Example</h1>
<div id="tags"> <div id="tags">
zoomlevel, unlimited zoom, scale
</div> </div>
<p id="shortdesc"> <p id="shortdesc">
Shows the use of a map with fractional (or non-discrete) zoom levels. 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; bottom: 1em;
left: 1em; left: 1em;
width: 512px; width: 512px;
z-index: 20000;
background-color: white;
padding: 0 0.5em 0.5em 0.5em;
} }
</style> </style>
<script src="../lib/OpenLayers.js"></script> <script src="../lib/OpenLayers.js"></script>
@@ -40,8 +43,8 @@
map.addLayers([ol_wms, jpl_wms, dm_wms]); map.addLayers([ol_wms, jpl_wms, dm_wms]);
map.addControl(new OpenLayers.Control.LayerSwitcher()); map.addControl(new OpenLayers.Control.LayerSwitcher());
// map.setCenter(new OpenLayers.LonLat(0, 0), 0); map.setCenter(new OpenLayers.LonLat(0, 0), 6);
map.zoomToMaxExtent(); //map.zoomToMaxExtent();
} }
</script> </script>
</head> </head>
@@ -51,7 +54,9 @@
<div id="text"> <div id="text">
<h1 id="title">Full Screen Example</h1> <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"> <p id="shortdesc">
Demonstrate a map that fill the entire browser window. Demonstrate a map that fill the entire browser window.

11
examples/geojson.html
View File

@@ -57,6 +57,17 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">GeoJSON Example</h1> <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="map" class="smallmap"></div>
<div id="docs">
This example uses the GeoJSON format.
</div>
</body> </body>
</html> </html>

18
examples/georss-flickr.html
View File

@@ -94,7 +94,23 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">GeoRSS from Flickr in OpenLayers</h1> <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="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> </body>
</html> </html>

6
examples/georss-markers.html
View File

@@ -17,7 +17,7 @@
map.addControl(new OpenLayers.Control.LayerSwitcher()); map.addControl(new OpenLayers.Control.LayerSwitcher());
var newl = new OpenLayers.Layer.GeoRSS( 'GeoRSS', 'georss.xml'); var newl = new OpenLayers.Layer.GeoRSS( 'GeoRSS', 'georss.xml');
map.addLayer(newl); 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}); var newl = new OpenLayers.Layer.GeoRSS( 'Yelp GeoRSS', 'yelp-georss.xml', {'icon':yelp});
map.addLayer(newl); map.addLayer(newl);
} }
@@ -26,7 +26,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">GeoRSS Marker Example</h1> <h1 id="title">GeoRSS Marker Example</h1>
<div id="tags"></div> <div id="tags">
georss, style, styling, marker, flickr, image
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate loading a GeoRSS feed using the GeoRSS parser. Demonstrate loading a GeoRSS feed using the GeoRSS parser.

8
examples/georss.html
View File

@@ -29,7 +29,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">GeoRSS Example</h1> <h1 id="title">GeoRSS Example</h1>
<div id="tags"></div> <div id="tags">
georss, style, styling, marker
</div>
<p id="shortdesc"> <p id="shortdesc">
Display a couple of locally cached georss feeds on an a basemap. 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;" /> <input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
</form> </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 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> HTTP URL which contains GeoRSS and display it. Anything else will simply have no effect.</p>
</div> </div>
</body> </body>

1
examples/getfeature-wfs.html
View File

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

4
examples/getfeatureinfo-control.html
View File

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

5
examples/getfeatureinfo.html
View File

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

4
examples/gml-layer.html
View File

@@ -23,7 +23,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">GML Layer Example</h1> <h1 id="title">GML Layer Example</h1>
<div id="tags"></div> <div id="tags">
GML
</div>
<p id="shortdesc"> <p id="shortdesc">
Loads locally stored GML vector data on a basemap. Includes GML example file. 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()"> <body onload="init()">
<h1 id="title">Google with Overlay Example</h1> <h1 id="title">Google with Overlay Example</h1>
<div id="tags"></div> <div id="tags">
Google, overlay, mercator, reproject, cleanup
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate a Google basemap used with boundary overlay layer. Demonstrate a Google basemap used with boundary overlay layer.

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

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

3
examples/google-v3.html
View File

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

4
examples/google.html
View File

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

4
examples/graphic-name.html
View File

@@ -72,7 +72,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">Named Graphics Example</h1> <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"> <p id="shortdesc">
Shows how to use well-known graphic names. Shows how to use well-known graphic names.

1
examples/graticule.html
View File

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

4
examples/gutter.html
View File

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

3
examples/highlight-feature.html
View File

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

1
examples/hover-handler.html
View File

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

4
examples/image-layer.html
View File

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

3
examples/intersects.html
View File

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

4
examples/kamap.html
View File

@@ -26,7 +26,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">KaMap Example</h1> <h1 id="title">KaMap Example</h1>
<div id="tags"></div> <div id="tags">
KaMap
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate a tiled kamap layer as the base map, which can be pre-cached for higher performance. 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()"> <body onload="init()">
<h1 id="title">KML Layer Example</h1> <h1 id="title">KML Layer Example</h1>
<div id="tags"></div> <div id="tags">
KML
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrates loading and displaying a KML file on top of a basemap. 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"> <p id="shortdesc">
Demonstrates parsing of gx:Track elements from KML. Demonstrates parsing of gx:Track elements from KML.
</p> </p>
<div id="tags">
KML, parser, parsing, tracks
</div>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<div id="docs"> <div id="docs">
<p> <p>

4
examples/late-render.html
View File

@@ -24,7 +24,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">Late Rendering</h1> <h1 id="title">Late Rendering</h1>
<div id="tags"></div> <div id="tags">
creation, render, div
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrates how a map can be rendered to an empty container after 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()"> <body onload="init()">
<h1 id="title">Layer Opacity Example</h1> <h1 id="title">Layer Opacity Example</h1>
<div id="tags"></div> <div id="tags">
opacity, transparent, transparency
</div>
<p id="shortdesc"> <p id="shortdesc">
Demonstrate a change in the opacity for an overlay layer. Demonstrate a change in the opacity for an overlay layer.

4
examples/layerLoadMonitoring.html
View File

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

4
examples/lite.html
View File

@@ -19,7 +19,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">Basic Single WMS Example</h1> <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> <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> <h1 id="title">MapGuide Layer Example</h1>
<div id="tags"> <div id="tags">
MapGuide, basic
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

2
examples/mapserver.html
View File

@@ -25,7 +25,7 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">MapServer Layer</h1> <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="shortdesc">Shows MapServer Layer</div>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<div id="docs"> <div id="docs">

4
examples/mapserver_untiled.html
View File

@@ -25,7 +25,9 @@
</head> </head>
<body> <body>
<h1 id="title">MapServer Single Tile Mode</h1> <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="shortdesc">Shows single tile MapServer Layer</div>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<div id="docs"> <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> <h1 id="title">Marker Shadows using Background Graphics/Z-Indexes</h1>
<div id="tags"> <div id="tags">
markers, shadow, style
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

4
examples/markerResize.html
View File

@@ -40,7 +40,9 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">Resize a Marker</h1> <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="shortdesc">Dynamically resize a marker</div>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<div id="docs"> <div id="docs">

2
examples/markers.html
View File

@@ -43,7 +43,7 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">Markers Layer Example</h1> <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="shortdesc">Show markers layer with different markers</div>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<div id="docs"> <div id="docs">

3
examples/markersTextLayer.html
View File

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

3
examples/measure.html
View File

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

3
examples/mm.html
View File

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

3
examples/modify-feature.html
View File

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

3
examples/mouse-position.html
View File

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

4
examples/mousewheel-interval.html
View File

@@ -33,7 +33,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">OpenLayers Mousewheel Interval Example</h1> <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> <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> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">MultiMap Mercator Example</h1> <h1 id="title">MultiMap Mercator Example</h1>
<div id="tags">
MultiMap, basic, cleanup
</div>
<p id="shortdesc"> <p id="shortdesc">
This sphericalMercator example using multimap demonstrates that the This sphericalMercator example using multimap demonstrates that the
multimap layer does not fully support the sphericalMercator projection at 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> <h1 id="title">Multiple Server URLS</h1>
<div id="tags"> <div id="tags">
performance, multiple urls, request
</div> </div>
<p id="shortdesc"> <p id="shortdesc">
Load your tiles faster by pointing to the same server, but with different urls 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()"> <body onload="init()">
<h1 id="title">Navigation Control</h1> <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> <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> <h1 id="title">Map Navigation History Example</h1>
<div id="tags"> <div id="tags">
history, basic
</div> </div>
<p id="shortdesc"> <p id="shortdesc">

3
examples/navtoolbar-alwaysZoom.html
View File

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

3
examples/navtoolbar-outsidemap.html
View File

@@ -33,6 +33,9 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">Navigation Toolbar: Outside the Map</h1> <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="map" class="smallmap"></div>
<div id="paneldiv" class="olControlNavToolbar"></div> <div id="paneldiv" class="olControlNavToolbar"></div>
<div id="docs"> <div id="docs">

3
examples/navtoolbar.html
View File

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

3
examples/notile.html
View File

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

1
examples/ordering.html
View File

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

3
examples/osm-google.html
View File

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

3
examples/osm-layer.html
View File

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

4
examples/osm.html
View File

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

3
examples/outOfRangeMarkers.html
View File

@@ -51,6 +51,9 @@
<body onload="init()"> <body onload="init()">
<h1 id="title">Using maxResolution to control overlays</h1> <h1 id="title">Using maxResolution to control overlays</h1>
<div id="tags">
cleanup
</div>
<p id="shortdesc"> <p id="shortdesc">
See how to control the maximum resolution for a markers layer, See how to control the maximum resolution for a markers layer,
causing it to not be displayed beyond a certain point. 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> <h1 id="title">Overview Map</h1>
<div id="tags"> <div id="tags">
overview, mapOptions, basic
</div> </div>
<p id="shortdesc"> <p id="shortdesc">
Enable a small Overview Map that moves/interacts with your main map. 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> </head>
<body onload='init();'> <body onload='init();'>
<h1 id="title">Pan and Zoom Panels</h1> <h1 id="title">Pan and Zoom Panels</h1>
<div id="tags"></div> <div id="tags">
<p id="shortdesc">Customizable pan and zoom panels</p> panning, zooming, panel, CSS, style
</div>
<p id="shortdesc">
Customizable pan and zoom panels
</p> </p>
<div id="map" class="smallmap"></div> <div id="map" class="smallmap"></div>
<p id="docs"> <p id="docs">

3
examples/panel.html
View File

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

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

@@ -53,7 +53,11 @@
</head> </head>
<body onload="init()"> <body onload="init()">
<h1 id="title">GeoRSS PointTrack in OpenLayers</h1> <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;"> <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;" /> GeoRSS URL: <input type="text" id="url" size="50" /><input type="submit" onclick="addUrl(); return false;" value="Load Feed" onsubmit="addUrl(); return false;" />
</form> </form>

1
examples/popupMatrix.html
View File

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

1
examples/popups.html
View File

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