[OpenLayers-Commits] r4747 - sandbox/docs/examples
commits at openlayers.org
commits at openlayers.org
Mon Oct 1 23:10:28 EDT 2007
Author: dzwarg
Date: 2007-10-01 23:10:27 -0400 (Mon, 01 Oct 2007)
New Revision: 4747
Modified:
sandbox/docs/examples/accessible.html
sandbox/docs/examples/attribution.html
sandbox/docs/examples/baseLayers.html
sandbox/docs/examples/boxes.html
sandbox/docs/examples/buffer.html
sandbox/docs/examples/click.html
sandbox/docs/examples/controls.html
sandbox/docs/examples/custom-control.html
sandbox/docs/examples/custom-style.html
sandbox/docs/examples/debug.html
sandbox/docs/examples/doubleSetCenter.html
sandbox/docs/examples/drag-feature.html
sandbox/docs/examples/draw-feature.html
sandbox/docs/examples/editingtoolbar.html
sandbox/docs/examples/fullScreen.html
sandbox/docs/examples/fullScreen2.html
sandbox/docs/examples/xml.html
sandbox/docs/examples/yahoo.html
Log:
Fixed formatting and poorly titled examples.
Modified: sandbox/docs/examples/accessible.html
===================================================================
--- sandbox/docs/examples/accessible.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/accessible.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,6 +1,7 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <title>OpenLayers Accessible Example</title>
+ <title>OpenLayers Accessible Example</title>
+
<style type="text/css">
#map {
width: 512px;
Modified: sandbox/docs/examples/attribution.html
===================================================================
--- sandbox/docs/examples/attribution.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/attribution.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,52 +1,52 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Attribution Example</title>
+ <head>
+ <title>OpenLayers Attribution Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var map;
- function init(){
- map = new OpenLayers.Map('map');
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var map;
+ function init(){
+ map = new OpenLayers.Map('map');
- var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
- {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});
+ var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'},
+ {'attribution': 'Provided by <a href="http://labs.metacarta.com/">MetaCarta</a>'});
- var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
- "http://wms.jpl.nasa.gov/wms.cgi",
- {layers: "modis,global_mosaic"},{attribution:"Provided by NASA"});
+ var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+ "http://wms.jpl.nasa.gov/wms.cgi",
+ {layers: "modis,global_mosaic"},{attribution:"Provided by NASA"});
- map.addLayers([ol_wms, jpl_wms]);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- map.addControl(new OpenLayers.Control.Attribution());
- // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
- map.zoomToMaxExtent();
- }
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Attribution Example</h1>
+ map.addLayers([ol_wms, jpl_wms]);
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ map.addControl(new OpenLayers.Control.Attribution());
+ // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+ map.zoomToMaxExtent();
+ }
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Attribution Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
- <p id="shortdesc">
- Shows the use of the attribution layer option on a number of layer types.
- </p>
+ <p id="shortdesc">
+ Shows the use of the attribution layer option on a number of layer types.
+ </p>
- <div id="map"></div>
+ <div id="map"></div>
- <div id="docs">
- 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.
- </div>
- </body>
+ <div id="docs">
+ 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.
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/baseLayers.html
===================================================================
--- sandbox/docs/examples/baseLayers.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/baseLayers.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,98 +1,100 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Base Layers Example</title>
- <style type="text/css">
- #map {
- width: 512;
- height: 512px;
- border: 1px solid black;
- background-color: blue;
- }
- #controls
- {
- width: 512px;
- }
- </style>
+ <head>
+ <title>OpenLayers Base Layers Example</title>
+
+ <style type="text/css">
+ #map {
+ width: 512;
+ height: 512px;
+ border: 1px solid black;
+ background-color: blue;
+ }
+ #controls
+ {
+ width: 512px;
+ }
+ </style>
- <!-- this gmaps key generated for http://openlayers.org/dev/ -->
- <script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
- <!-- Localhost key -->
- <!-- <script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
- <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
- <script src='http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js'></script>
- <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var lon = 5;
- var lat = 40;
- var zoom = 5;
- var map, markers;
- var barcelona = new OpenLayers.LonLat(2.13134765625,
- 41.37062534198901);
- var madrid = new OpenLayers.LonLat(-3.6968994140625,
+ <!-- this gmaps key generated for http://openlayers.org/dev/ -->
+ <script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
+ <!-- Localhost key -->
+ <!-- <script src='http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhT2yXp_ZAY8_ufC3CFXhHIE1NvwkxTS6gjckBmeABOGXIUiOiZObZESPg'></script>-->
+ <script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/metacarta_04"></script>
+ <script src='http://dev.virtualearth.net/mapcontrol/v3/mapcontrol.js'></script>
+ <script src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var lon = 5;
+ var lat = 40;
+ var zoom = 5;
+ var map, markers;
+ var barcelona = new OpenLayers.LonLat(2.13134765625,
+ 41.37062534198901);
+ var madrid = new OpenLayers.LonLat(-3.6968994140625,
40.428314208984375);
- function init(){
- map = new OpenLayers.Map( 'map' );
+ function init(){
+ map = new OpenLayers.Map( 'map' );
- var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0",
- {layers: 'basic'} );
- var google = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_MAP });
- var ve = new OpenLayers.Layer.VirtualEarth( "VE");
- var yahoo = new OpenLayers.Layer.Yahoo( "Yahoo");
- var mm = new OpenLayers.Layer.MultiMap( "MultiMap");
+ var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0",
+ {layers: 'basic'} );
+ var google = new OpenLayers.Layer.Google( "Google Hybrid" , {type: G_HYBRID_MAP });
+ var ve = new OpenLayers.Layer.VirtualEarth( "VE");
+ var yahoo = new OpenLayers.Layer.Yahoo( "Yahoo");
+ var mm = new OpenLayers.Layer.MultiMap( "MultiMap");
- map.addLayers([wms, google, ve, yahoo, mm]);
+ map.addLayers([wms, google, ve, yahoo, mm]);
- markers = new OpenLayers.Layer.Markers("markers");
- map.addLayer(markers);
+ markers = new OpenLayers.Layer.Markers("markers");
+ map.addLayer(markers);
- map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
- map.addControl( new OpenLayers.Control.LayerSwitcher() );
- map.addControl( new OpenLayers.Control.MousePosition() );
+ map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+ map.addControl( new OpenLayers.Control.LayerSwitcher() );
+ map.addControl( new OpenLayers.Control.MousePosition() );
- }
+ }
- function add() {
- var url = 'http://boston.openguides.org/markers/AQUA.png';
- var sz = new OpenLayers.Size(10, 17);
- var calculateOffset = function(size) {
- return new OpenLayers.Pixel(-(size.w/2), -size.h);
- };
- var icon = new OpenLayers.Icon(url, sz, null, calculateOffset);
- marker = new OpenLayers.Marker(barcelona, icon);
- markers.addMarker(marker);
+ function add() {
+ var url = 'http://boston.openguides.org/markers/AQUA.png';
+ var sz = new OpenLayers.Size(10, 17);
+ var calculateOffset = function(size) {
+ return new OpenLayers.Pixel(-(size.w/2), -size.h);
+ };
+ var icon = new OpenLayers.Icon(url, sz, null, calculateOffset);
+ marker = new OpenLayers.Marker(barcelona, icon);
+ markers.addMarker(marker);
- marker = new OpenLayers.Marker(madrid, icon.clone());
- markers.addMarker(marker);
+ marker = new OpenLayers.Marker(madrid, icon.clone());
+ markers.addMarker(marker);
- }
+ }
- function remove() {
- markers.removeMarker(marker);
- }
+ function remove() {
+ markers.removeMarker(marker);
+ }
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Base Layers Example</h1>
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Base Layers Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
- <p id="shortdesc">
- This example shows the use base layers from multiple commercial map image providers.
- </p>
+ <p id="shortdesc">
+ This example shows the use base layers from multiple commercial map image providers.
+ </p>
- <div id="controls">
- <div id="map"></div>
+ <div id="controls">
+ <div id="map"></div>
- <div style="background-color:green" onclick="add()"> click to add a marker to the map</div>
- <div style="background-color:red" onclick="remove()"> click to remove the marker from the map</div>
+ <div style="background-color:green" onclick="add()"> click to add a marker to the map</div>
+ <div style="background-color:red" onclick="remove()"> click to remove the marker from the map</div>
</div>
- <div id="docs">
- </div>
- </body>
+
+ <div id="docs">
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/boxes.html
===================================================================
--- sandbox/docs/examples/boxes.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/boxes.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,58 +1,58 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Boxes Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var box_extents = [
- [-10, 50, 5, 60],
- [-75, 41, -71, 44],
- [-122.6, 37.6, -122.3, 37.9],
- [10, 10, 20, 20]
- ];
- var map;
- function init(){
- map = new OpenLayers.Map('map');
+ <head>
+ <title>OpenLayers Boxes Example</title>
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var box_extents = [
+ [-10, 50, 5, 60],
+ [-75, 41, -71, 44],
+ [-122.6, 37.6, -122.3, 37.9],
+ [10, 10, 20, 20]
+ ];
+ var map;
+ function init(){
+ map = new OpenLayers.Map('map');
- var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
+ var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
- var boxes = new OpenLayers.Layer.Boxes( "Boxes" );
+ var boxes = new OpenLayers.Layer.Boxes( "Boxes" );
+
+ for (var i = 0; i < box_extents.length; i++) {
+ ext = box_extents[i];
+ bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
+ box = new OpenLayers.Marker.Box(bounds);
+ box.events.register("click", box, function (e) {
+ this.setBorder("yellow");
+ });
+ boxes.addMarker(box);
+ }
- for (var i = 0; i < box_extents.length; i++) {
- ext = box_extents[i];
- bounds = new OpenLayers.Bounds(ext[0], ext[1], ext[2], ext[3]);
- box = new OpenLayers.Marker.Box(bounds);
- box.events.register("click", box, function (e) {
- this.setBorder("yellow");
- });
- boxes.addMarker(box);
+ map.addLayers([ol_wms, boxes]);
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ map.zoomToMaxExtent();
}
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Boxes Example</h1>
- map.addLayers([ol_wms, boxes]);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- map.zoomToMaxExtent();
- }
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Boxes Example</h1>
+ <div id="tags">
+ </div>
- <div id="tags">
- </div>
+ <p id="shortdesc">
+ Demonstrate marker and box type annotations on a map.
+ </p>
+
+ <div id="map"></div>
- <p id="shortdesc">
- Demonstrate marker and box type annotations on a map.
- </p>
-
- <div id="map"></div>
-
- <div id="docs"></div>
- </body>
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/buffer.html
===================================================================
--- sandbox/docs/examples/buffer.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/buffer.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,54 +1,54 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Buffer Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var lon = 0;
- var lat = 0;
- var zoom = 2;
- var map, layer;
+ <head>
+ <title>OpenLayers Buffer Example</title>
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var lon = 0;
+ var lat = 0;
+ var zoom = 2;
+ var map, layer;
- function init(){
- map = new OpenLayers.Map( 'map' );
- layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0",
- {layers: 'basic'}, {'buffer':0} );
- map.addLayer(layer);
- layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0",
- {layers: 'basic'}, {'buffer':1} );
- map.addLayer(layer);
- layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0",
- {layers: 'basic'}, {'buffer':4} );
- map.addLayer(layer);
- map.addControl(new OpenLayers.Control.LayerSwitcher())
- map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
- }
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Buffer Example</h1>
+ function init(){
+ map = new OpenLayers.Map( 'map' );
+ layer = new OpenLayers.Layer.WMS( "0 buffer: OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0",
+ {layers: 'basic'}, {'buffer':0} );
+ map.addLayer(layer);
+ layer = new OpenLayers.Layer.WMS( "1 buffer: OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0",
+ {layers: 'basic'}, {'buffer':1} );
+ map.addLayer(layer);
+ layer = new OpenLayers.Layer.WMS( "4 buffer: OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0",
+ {layers: 'basic'}, {'buffer':4} );
+ map.addLayer(layer);
+ map.addControl(new OpenLayers.Control.LayerSwitcher())
+ map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+ }
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Buffer Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
- <p id="shortdesc">
- This example shows the use of the buffer layer option for any layer that inherits from OpenLayers.Layer.Grid.
- </p>
+ <p id="shortdesc">
+ This example shows the use of the buffer layer option for any layer that inherits from OpenLayers.Layer.Grid.
+ </p>
- <div id="map"></div>
+ <div id="map"></div>
- <div id="docs">
- Use the buffer property to control how many tiles are included
- outside the visible map area. Default is 2.
- </p>
- </body>
+ <div id="docs">
+ Use the buffer property to control how many tiles are included
+ outside the visible map area. Default is 2.
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/click.html
===================================================================
--- sandbox/docs/examples/click.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/click.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,52 +1,53 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Click Event Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var map;
- function init(){
- map = new OpenLayers.Map('map');
+ <head>
+ <title>OpenLayers Click Event Example</title>
+
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var map;
+ function init(){
+ map = new OpenLayers.Map('map');
- var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
+ var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'} );
- var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
- "http://wms.jpl.nasa.gov/wms.cgi",
- {layers: "modis,global_mosaic"});
+ var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+ "http://wms.jpl.nasa.gov/wms.cgi",
+ {layers: "modis,global_mosaic"});
- jpl_wms.setVisibility(false);
+ jpl_wms.setVisibility(false);
- map.addLayers([ol_wms, jpl_wms]);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
- map.zoomToMaxExtent();
- map.events.register("click", map, function(e) {
- var lonlat = map.getLonLatFromViewPortPx(e.xy);
- alert("You clicked near " + lonlat.lat + " N, " +
- + lonlat.lon + " E");
- });
- }
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Click Event Example</h1>
+ map.addLayers([ol_wms, jpl_wms]);
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+ map.zoomToMaxExtent();
+ map.events.register("click", map, function(e) {
+ var lonlat = map.getLonLatFromViewPortPx(e.xy);
+ alert("You clicked near " + lonlat.lat + " N, " +
+ + lonlat.lon + " E");
+ });
+ }
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Click Event Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
- <p id="shortdesc">
- This example shows the use of the register and getLonLatFromViewPortPx functions to trigger events on mouse click.
- </p>
+ <p id="shortdesc">
+ This example shows the use of the register and getLonLatFromViewPortPx functions to trigger events on mouse click.
+ </p>
- <div id="map"></div>
-
- <div id="docs"></div>
- </body>
+ <div id="map"></div>
+
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/controls.html
===================================================================
--- sandbox/docs/examples/controls.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/controls.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,63 +1,63 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Map Controls Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var map;
- function init(){
- map = new OpenLayers.Map('map', { controls: [] });
+ <head>
+ <title>OpenLayers Map Controls Example</title>
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var map;
+ function init(){
+ map = new OpenLayers.Map('map', { controls: [] });
+
+ map.addControl(new OpenLayers.Control.PanZoomBar());
+ map.addControl(new OpenLayers.Control.MouseToolbar());
+ map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));
+ map.addControl(new OpenLayers.Control.Permalink());
+ map.addControl(new OpenLayers.Control.Permalink('permalink'));
+ map.addControl(new OpenLayers.Control.MousePosition());
+ map.addControl(new OpenLayers.Control.OverviewMap());
+ map.addControl(new OpenLayers.Control.KeyboardDefaults());
- map.addControl(new OpenLayers.Control.PanZoomBar());
- map.addControl(new OpenLayers.Control.MouseToolbar());
- map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending':false}));
- map.addControl(new OpenLayers.Control.Permalink());
- map.addControl(new OpenLayers.Control.Permalink('permalink'));
- map.addControl(new OpenLayers.Control.MousePosition());
- map.addControl(new OpenLayers.Control.OverviewMap());
- map.addControl(new OpenLayers.Control.KeyboardDefaults());
+ var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0",
+ {layers: 'basic'} );
- var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0",
- {layers: 'basic'} );
+ var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+ "http://wms.jpl.nasa.gov/wms.cgi",
+ {layers: "modis,global_mosaic"});
- var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
- "http://wms.jpl.nasa.gov/wms.cgi",
- {layers: "modis,global_mosaic"});
+ var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
+ "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
+ {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+ "prov_bound,fedlimit,rail,road,popplace",
+ transparent: "true", format: "image/png" });
- var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
- "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
- {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
- "prov_bound,fedlimit,rail,road,popplace",
- transparent: "true", format: "image/png" });
+ jpl_wms.setVisibility(false);
+ dm_wms.setVisibility(false);
- jpl_wms.setVisibility(false);
- dm_wms.setVisibility(false);
+ map.addLayers([ol_wms, jpl_wms, dm_wms]);
+ if (!map.getCenter()) map.zoomToMaxExtent();
+ }
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Map Controls Example</h1>
- map.addLayers([ol_wms, jpl_wms, dm_wms]);
- if (!map.getCenter()) map.zoomToMaxExtent();
- }
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Map Controls Example</h1>
+ <div id="tags">
+ </div>
- <div id="tags">
- </div>
+ <p id="shortdesc">
+ Attach zooming, panning, layer switcher, overview map, and permalink map controls to an OpenLayers window.
+ </p>
- <p id="shortdesc">
- Attach zooming, panning, layer switcher, overview map, and permalink map controls to an OpenLayers window.
- </p>
+ <a style="float:right" href="" id="permalink">Permalink</a>
+ <div id="map"></div>
- <a style="float:right" href="" id="permalink">Permalink</a>
- <div id="map"></div>
-
- <div id="docs"></div>
- </body>
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/custom-control.html
===================================================================
--- sandbox/docs/examples/custom-control.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/custom-control.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,61 +1,61 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Custom Control Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- <!--
- var lon = 5;
- var lat = 40;
- var zoom = 5;
- var map, layer;
+ <head>
+ <title>Custom Control Example</title>
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ var lon = 5;
+ var lat = 40;
+ var zoom = 5;
+ var map, layer;
- function init(){
- map = new OpenLayers.Map('map');
- layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+ function init(){
+ map = new OpenLayers.Map('map');
+ layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
- var control = new OpenLayers.Control();
- OpenLayers.Util.extend(control, {
- draw: function () {
- // this Handler.Box will intercept the shift-mousedown
- // before Control.MouseDefault gets to see it
- this.box = new OpenLayers.Handler.Box( control,
- {"done": this.notice},
- {keyMask: OpenLayers.Handler.MOD_SHIFT});
- this.box.activate();
- },
+ var control = new OpenLayers.Control();
+ OpenLayers.Util.extend(control, {
+ draw: function () {
+ // this Handler.Box will intercept the shift-mousedown
+ // before Control.MouseDefault gets to see it
+ this.box = new OpenLayers.Handler.Box( control,
+ {"done": this.notice},
+ {keyMask: OpenLayers.Handler.MOD_SHIFT});
+ this.box.activate();
+ },
- notice: function (bounds) {
- alert(bounds);
- }
- });
+ notice: function (bounds) {
+ alert(bounds);
+ }
+ });
- map.addLayer(layer);
- map.addControl(control);
- map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
- }
- // -->
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Custom Control Example</h1>
+ map.addLayer(layer);
+ map.addControl(control);
+ map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+ }
+ // -->
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Custom Control Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
- <p id="shortdesc">
- Demonstrate the addition of a draggable rectangle to the OpenLayers window.
- </p>
+ <p id="shortdesc">
+ Demonstrate the addition of a draggable rectangle to the OpenLayers window.
+ </p>
+
+ <div id="map"></div>
- <div id="map"></div>
-
- <div id="docs"></div>
- </body>
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/custom-style.html
===================================================================
--- sandbox/docs/examples/custom-style.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/custom-style.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,66 +1,67 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>Open Layers Custom Style Example</title>
- <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid gray;
- }
- p {
- width: 500px;
- }
- div.olControlMousePosition {
- font-family: Verdana;
- font-size: 0.5em;
- color: red;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- <!--
- var lon = 5;
- var lat = 40;
- var zoom = 5;
- var map, layer;
+ <head>
+ <title>Custom Style Example</title>
+
+ <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid gray;
+ }
+ p {
+ width: 500px;
+ }
+ div.olControlMousePosition {
+ font-family: Verdana;
+ font-size: 0.5em;
+ color: red;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ var lon = 5;
+ var lat = 40;
+ var zoom = 5;
+ var map, layer;
- function init(){
- var options = {theme: null};
- map = new OpenLayers.Map('map', options);
- layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+ function init(){
+ var options = {theme: null};
+ map = new OpenLayers.Map('map', options);
+ layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
- map.addControl(new OpenLayers.Control.MousePosition());
- map.addLayer(layer);
- map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
- }
- // -->
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Custom Style Example</h1>
+ map.addControl(new OpenLayers.Control.MousePosition());
+ map.addLayer(layer);
+ map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+ }
+ // -->
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Custom Style Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
- <p id="shortdesc">
- Demonstrate changing CSS styles on controls in the OpenLayers window.
- </p>
+ <p id="shortdesc">
+ Demonstrate changing CSS styles on controls in the OpenLayers window.
+ </p>
- <div id="map"></div>
+ <div id="map"></div>
- <div id="docs">
- <p>If you care to modify the style of any OpenLayers element, include
- the default stylesheet as a link and declare any style modifications
- below that link. These style declarations can be in other linked
- stylesheets or in style tags. In addition, construct your map with
- options that include {theme: null}. This will disable the default
- method of loading the stylesheet and allow you to declare style rules
- in your own linked stylesheets or style tags.</p>
- <p>This example shows how to declare the font family, size, and color
- for the mouse position. Note that only the style keys that you want to
- modify (change from the default) need to be specified.</p>
- </div>
- </body>
+ <div id="docs">
+ <p>If you care to modify the style of any OpenLayers element, include
+ the default stylesheet as a link and declare any style modifications
+ below that link. These style declarations can be in other linked
+ stylesheets or in style tags. In addition, construct your map with
+ options that include {theme: null}. This will disable the default
+ method of loading the stylesheet and allow you to declare style rules
+ in your own linked stylesheets or style tags.</p>
+ <p>This example shows how to declare the font family, size, and color
+ for the mouse position. Note that only the style keys that you want to
+ modify (change from the default) need to be specified.</p>
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/debug.html
===================================================================
--- sandbox/docs/examples/debug.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/debug.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,74 +1,75 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Debug Example</title>
- <script src="../lib/Firebug/firebug.js"></script>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- <!--
- function consoleLog() {
- OpenLayers.Console.log("This is the result of an OpenLayers.Console.log() call");
- }
- function consoleWarn() {
- OpenLayers.Console.warn("This is the result of an OpenLayers.Console.warn() call");
- }
- function consoleError() {
- OpenLayers.Console.error("This is the result of an OpenLayers.Console.error() call");
- }
- function consoleDir() {
- OpenLayers.Console.dir(OpenLayers);
- }
- function consoleDirxml() {
- OpenLayers.Console.dirxml(document.getElementsByTagName('body')[0]);
- }
- // -->
- </script>
- </head>
- <body>
- <h1 id="title">Debug Example</h1>
+ <head>
+ <title>OpenLayers Debug Example</title>
+
+ <script src="../lib/Firebug/firebug.js"></script>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ function consoleLog() {
+ OpenLayers.Console.log("This is the result of an OpenLayers.Console.log() call");
+ }
+ function consoleWarn() {
+ OpenLayers.Console.warn("This is the result of an OpenLayers.Console.warn() call");
+ }
+ function consoleError() {
+ OpenLayers.Console.error("This is the result of an OpenLayers.Console.error() call");
+ }
+ function consoleDir() {
+ OpenLayers.Console.dir(OpenLayers);
+ }
+ function consoleDirxml() {
+ OpenLayers.Console.dirxml(document.getElementsByTagName('body')[0]);
+ }
+ // -->
+ </script>
+ </head>
+ <body>
+ <h1 id="title">Debug Example</h1>
- <div id="tags"></div>
+ <div id="tags"></div>
- <p id="shortdesc">
- Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.
- </p>
+ <p id="shortdesc">
+ Demonstrate console calls to a Firebug console. Requires Firefox. Mostly for developers.
+ </p>
- <div id="docs">
- <p>To run OpenLayers in debug mode, include the following script
- tag <b>before</b> the tag that loads OpenLayers:
+ <div id="docs">
+ <p>To run OpenLayers in debug mode, include the following script
+ tag <b>before</b> the tag that loads OpenLayers:
- <pre> <script src="../lib/Firebug/firebug.js"></script></pre>
+ <pre> <script src="../lib/Firebug/firebug.js"></script></pre>
- The path to firebug.js must be relative to your
- html file. With this script included calls to OpenLayers.Console
- will be displayed in the Firebug console. For browsers without
- the Firebug extension, the script creates a Firebug Lite console.
- This console can be opened by hitting <b>F12</b> or <b>Ctrl+Shift+L</b>
- (<b>?+Shift+L</b> on a Mac). If you want the Firebug Lite console
- to be open when the page loads, add <b>debug="true"</b> to the opening
- html tag of your page. Open the console and click on the links below
- to see console calls.</p>
- <ul>
- <li>
- <a href="javascript: void(consoleLog());">OpenLayers.Console.log()</a>
- </li>
- <li>
- <a href="javascript: void(consoleWarn());">OpenLayers.Console.warn()</a>
- </li>
- <li>
- <a href="javascript: void(consoleError());">OpenLayers.Console.error()</a>
- </li>
- <li>
- <a href="javascript: void(consoleDir());">OpenLayers.Console.dir()</a>
- </li>
- <li>
- <a href="javascript: void(consoleDirxml());">OpenLayers.Console.dirxml()</a>
- </li>
- </ul>
- <p>The Firebug website has a complete list of
- <a href="http://www.getfirebug.com/console.html">console calls</a>.
- Note that not all are supported with Firebug Lite.</p>
- </div>
- </body>
+ The path to firebug.js must be relative to your
+ html file. With this script included calls to OpenLayers.Console
+ will be displayed in the Firebug console. For browsers without
+ the Firebug extension, the script creates a Firebug Lite console.
+ This console can be opened by hitting <b>F12</b> or <b>Ctrl+Shift+L</b>
+ (<b>?+Shift+L</b> on a Mac). If you want the Firebug Lite console
+ to be open when the page loads, add <b>debug="true"</b> to the opening
+ html tag of your page. Open the console and click on the links below
+ to see console calls.</p>
+ <ul>
+ <li>
+ <a href="javascript: void(consoleLog());">OpenLayers.Console.log()</a>
+ </li>
+ <li>
+ <a href="javascript: void(consoleWarn());">OpenLayers.Console.warn()</a>
+ </li>
+ <li>
+ <a href="javascript: void(consoleError());">OpenLayers.Console.error()</a>
+ </li>
+ <li>
+ <a href="javascript: void(consoleDir());">OpenLayers.Console.dir()</a>
+ </li>
+ <li>
+ <a href="javascript: void(consoleDirxml());">OpenLayers.Console.dirxml()</a>
+ </li>
+ </ul>
+ <p>The Firebug website has a complete list of
+ <a href="http://www.getfirebug.com/console.html">console calls</a>.
+ Note that not all are supported with Firebug Lite.</p>
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/doubleSetCenter.html
===================================================================
--- sandbox/docs/examples/doubleSetCenter.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/doubleSetCenter.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,36 +1,36 @@
<html>
- <head>
- <title>OpenLayers Double Set Center Example</title>
- <script src="../lib/OpenLayers.js"></script>
- <style type="text/css">
- #map
- {
- width:512px;
- height:521px;
- }
- </style>
- </head>
- <body>
- <h1 id="title">Double Set Center Example</h1>
+ <head>
+ <title>OpenLayers Double Set Center Example</title>
+
+ <script src="../lib/OpenLayers.js"></script>
+ <style type="text/css">
+ #map {
+ width:512px;
+ height:521px;
+ }
+ </style>
+ </head>
+ <body>
+ <h1 id="title">Double Set Center Example</h1>
- <div id="tags"></div>
+ <div id="tags"></div>
- <p id="shortdesc">
- Demonstrate the behavior of two calls to set the center after instatiating the layer object.
- </p>
+ <p id="shortdesc">
+ Demonstrate the behavior of two calls to set the center after instatiating the layer object.
+ </p>
- <div id="map"></div>
- <script defer="defer" type="text/javascript">
- var map = new OpenLayers.Map('map');
- var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
- map.addLayer(wms);
- map.setCenter(new OpenLayers.LonLat(100,10));
- map.setCenter(new OpenLayers.LonLat(1,1));
- </script>
+ <div id="map"></div>
+
+ <script defer="defer" type="text/javascript">
+ var map = new OpenLayers.Map('map');
+ var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+ map.addLayer(wms);
+ map.setCenter(new OpenLayers.LonLat(100,10));
+ map.setCenter(new OpenLayers.LonLat(1,1));
+ </script>
- <div id="docs">
- </div>
- </body>
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/drag-feature.html
===================================================================
--- sandbox/docs/examples/drag-feature.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/drag-feature.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,107 +1,108 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Drag Feature Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid gray;
- }
- #controls {
- width: 512px;
- }
- #controlToggle {
- padding-left: 1em;
- }
- #controlToggle li {
- list-style: none;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- <!--
- var map, vectors, controls;
- function init(){
- map = new OpenLayers.Map('map');
- var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
+ <head>
+ <title>Drag Feature Example</title>
+
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid gray;
+ }
+ #controls {
+ width: 512px;
+ }
+ #controlToggle {
+ padding-left: 1em;
+ }
+ #controlToggle li {
+ list-style: none;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ var map, vectors, controls;
+ function init(){
+ map = new OpenLayers.Map('map');
+ var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
+
+ vectors = new OpenLayers.Layer.Vector("Vector Layer");
- vectors = new OpenLayers.Layer.Vector("Vector Layer");
+ map.addLayers([wms, vectors]);
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ map.addControl(new OpenLayers.Control.MousePosition());
- map.addLayers([wms, vectors]);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- map.addControl(new OpenLayers.Control.MousePosition());
+ controls = {
+ point: new OpenLayers.Control.DrawFeature(vectors,
+ OpenLayers.Handler.Point),
+ line: new OpenLayers.Control.DrawFeature(vectors,
+ OpenLayers.Handler.Path),
+ polygon: new OpenLayers.Control.DrawFeature(vectors,
+ OpenLayers.Handler.Polygon),
+ drag: new OpenLayers.Control.DragFeature(vectors)
+ };
- controls = {
- point: new OpenLayers.Control.DrawFeature(vectors,
- OpenLayers.Handler.Point),
- line: new OpenLayers.Control.DrawFeature(vectors,
- OpenLayers.Handler.Path),
- polygon: new OpenLayers.Control.DrawFeature(vectors,
- OpenLayers.Handler.Polygon),
- drag: new OpenLayers.Control.DragFeature(vectors)
- };
+ for(var key in controls) {
+ map.addControl(controls[key]);
+ }
- for(var key in controls) {
- map.addControl(controls[key]);
+ map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+ document.getElementById('noneToggle').checked = true;
}
- map.setCenter(new OpenLayers.LonLat(0, 0), 3);
- document.getElementById('noneToggle').checked = true;
- }
-
- function toggleControl(element) {
- for(key in controls) {
- var control = controls[key];
- if(element.value == key && element.checked) {
- control.activate();
- } else {
- control.deactivate();
+ function toggleControl(element) {
+ for(key in controls) {
+ var control = controls[key];
+ if(element.value == key && element.checked) {
+ control.activate();
+ } else {
+ control.deactivate();
+ }
}
}
- }
- // -->
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Drag Feature Example</h1>
+ // -->
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Drag Feature Example</h1>
- <div id="tags"></div>
+ <div id="tags"></div>
- <p id="shortdesc">
- Demonstrates point, line and polygon creation and editing.
- </p>
+ <p id="shortdesc">
+ Demonstrates point, line and polygon creation and editing.
+ </p>
- <div id="map"></div>
- <div id="controls">
- <ul id="controlToggle">
- <li>
- <input type="radio" name="type" value="none" id="noneToggle"
- onclick="toggleControl(this);" checked="checked" />
- <label for="noneToggle">navigate</label>
- </li>
- <li>
- <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
- <label for="pointToggle">draw point</label>
- </li>
- <li>
- <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
- <label for="lineToggle">draw line</label>
- </li>
- <li>
- <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
- <label for="polygonToggle">draw polygon</label>
- </li>
- <li>
- <input type="radio" name="type" value="drag" id="dragToggle"
- onclick="toggleControl(this);" />
- <label for="dragToggle">drag feature</label>
- </li>
- </ul>
- </div>
+ <div id="map"></div>
+
+ <div id="controls">
+ <ul id="controlToggle">
+ <li>
+ <input type="radio" name="type" value="none" id="noneToggle"
+ onclick="toggleControl(this);" checked="checked" />
+ <label for="noneToggle">navigate</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
+ <label for="pointToggle">draw point</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
+ <label for="lineToggle">draw line</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
+ <label for="polygonToggle">draw polygon</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="drag" id="dragToggle"
+ onclick="toggleControl(this);" />
+ <label for="dragToggle">drag feature</label>
+ </li>
+ </ul>
+ </div>
- <div id="docs">
- </div>
- </body>
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/draw-feature.html
===================================================================
--- sandbox/docs/examples/draw-feature.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/draw-feature.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,107 +1,108 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Draw Feature Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid gray;
- }
- #controlToggle li {
- list-style: none;
- }
- p {
- width: 512px;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- <!--
- var map, drawControls;
- OpenLayers.Util.onImageLoadErrorColor = "transparent";
- function init(){
- map = new OpenLayers.Map('map');
+ <head>
+ <title>Draw Feature Example</title>
+
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid gray;
+ }
+ #controlToggle li {
+ list-style: none;
+ }
+ p {
+ width: 512px;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ <!--
+ var map, drawControls;
+ OpenLayers.Util.onImageLoadErrorColor = "transparent";
+ function init(){
+ map = new OpenLayers.Map('map');
- var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
+ var wmsLayer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'});
- var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
- var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
- var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
+ var pointLayer = new OpenLayers.Layer.Vector("Point Layer");
+ var lineLayer = new OpenLayers.Layer.Vector("Line Layer");
+ var polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer");
- map.addLayers([wmsLayer, pointLayer, lineLayer, polygonLayer]);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- map.addControl(new OpenLayers.Control.MousePosition());
+ map.addLayers([wmsLayer, pointLayer, lineLayer, polygonLayer]);
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ map.addControl(new OpenLayers.Control.MousePosition());
- var options = {handlerOptions: {freehand: true}};
- drawControls = {
- point: new OpenLayers.Control.DrawFeature(pointLayer,
- OpenLayers.Handler.Point),
- line: new OpenLayers.Control.DrawFeature(lineLayer,
- OpenLayers.Handler.Path, options),
- polygon: new OpenLayers.Control.DrawFeature(polygonLayer,
- OpenLayers.Handler.Polygon, options)
- };
+ var options = {handlerOptions: {freehand: true}};
+ drawControls = {
+ point: new OpenLayers.Control.DrawFeature(pointLayer,
+ OpenLayers.Handler.Point),
+ line: new OpenLayers.Control.DrawFeature(lineLayer,
+ OpenLayers.Handler.Path, options),
+ polygon: new OpenLayers.Control.DrawFeature(polygonLayer,
+ OpenLayers.Handler.Polygon, options)
+ };
- for(var key in drawControls) {
- map.addControl(drawControls[key]);
- }
+ for(var key in drawControls) {
+ map.addControl(drawControls[key]);
+ }
- map.setCenter(new OpenLayers.LonLat(0, 0), 3);
+ map.setCenter(new OpenLayers.LonLat(0, 0), 3);
- document.getElementById('noneToggle').checked = true;
- }
+ document.getElementById('noneToggle').checked = true;
+ }
- function toggleControl(element) {
- for(key in drawControls) {
- var control = drawControls[key];
- if(element.value == key && element.checked) {
- control.activate();
- } else {
- control.deactivate();
+ function toggleControl(element) {
+ for(key in drawControls) {
+ var control = drawControls[key];
+ if(element.value == key && element.checked) {
+ control.activate();
+ } else {
+ control.deactivate();
+ }
}
}
- }
- // -->
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">OpenLayers Draw Feature Example</h1>
+ // -->
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">OpenLayers Draw Feature Example</h1>
- <div id="tags"></div>
+ <div id="tags"></div>
- <p id="shortdesc">
- Demonstrate on-screen digitizing tools for point, line, and polygon creation.
- </p>
+ <p id="shortdesc">
+ Demonstrate on-screen digitizing tools for point, line, and polygon creation.
+ </p>
- <div id="map"></div>
+ <div id="map"></div>
+
+ <ul id="controlToggle">
+ <li>
+ <input type="radio" name="type" value="none" id="noneToggle"
+ onclick="toggleControl(this);" checked="checked" />
+ <label for="noneToggle">navigate</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
+ <label for="pointToggle">draw point</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
+ <label for="lineToggle">draw line</label>
+ </li>
+ <li>
+ <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
+ <label for="polygonToggle">draw polygon</label>
+ </li>
+ </ul>
- <ul id="controlToggle">
- <li>
- <input type="radio" name="type" value="none" id="noneToggle"
- onclick="toggleControl(this);" checked="checked" />
- <label for="noneToggle">navigate</label>
- </li>
- <li>
- <input type="radio" name="type" value="point" id="pointToggle" onclick="toggleControl(this);" />
- <label for="pointToggle">draw point</label>
- </li>
- <li>
- <input type="radio" name="type" value="line" id="lineToggle" onclick="toggleControl(this);" />
- <label for="lineToggle">draw line</label>
- </li>
- <li>
- <input type="radio" name="type" value="polygon" id="polygonToggle" onclick="toggleControl(this);" />
- <label for="polygonToggle">draw polygon</label>
- </li>
- </ul>
-
- <div id="docs">
- <p>Feature digitizing is in freehand mode by default. In freehand mode, the mouse is treated as a pen.
- Drawing begins on mouse down, continues with every mouse move, and ends with mouse up.</p>
- <p>To turn freehand mode off, hold down the shift key while digitizing. With freehand mode off, one
- vertex is added with each click and double-clicks finish drawing. Freehand mode can be toggled on and off
- at any time while drawing.</p>
- </div>
- </body>
+ <div id="docs">
+ <p>Feature digitizing is in freehand mode by default. In freehand mode, the mouse is treated as a pen.
+ Drawing begins on mouse down, continues with every mouse move, and ends with mouse up.</p>
+ <p>To turn freehand mode off, hold down the shift key while digitizing. With freehand mode off, one
+ vertex is added with each click and double-clicks finish drawing. Freehand mode can be toggled on and off
+ at any time while drawing.</p>
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/editingtoolbar.html
===================================================================
--- sandbox/docs/examples/editingtoolbar.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/editingtoolbar.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,51 +1,52 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>OpenLayers Editing Toolbar Example</title>
- <style type="text/css">
- #map {
- width: 512px;
- height: 512px;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script src="../lib/Firebug/debug.js"></script>
- <script type="text/javascript">
- <!--
- var lon = 5;
- var lat = 40;
- var zoom = 5;
- var map, layer;
+ <head>
+ <title>OpenLayers Editing Toolbar Example</title>
+
+ <style type="text/css">
+ #map {
+ width: 512px;
+ height: 512px;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script src="../lib/Firebug/debug.js"></script>
+ <script type="text/javascript">
+ <!--
+ var lon = 5;
+ var lat = 40;
+ var zoom = 5;
+ var map, layer;
- function init(){
- map = new OpenLayers.Map( 'map', { controls: [] } );
- layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
- map.addLayer(layer);
+ function init(){
+ map = new OpenLayers.Map( 'map', { controls: [] } );
+ layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
+ map.addLayer(layer);
+
+ vlayer = new OpenLayers.Layer.Vector( "Editable" );
+ map.addLayer(vlayer);
+ map.addControl(new OpenLayers.Control.PanZoomBar());
+ map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
+
+ map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
+ }
+ // -->
+ </script>
+ </head>
+ <body onload="init()">
+ <h1 id="title">Editing Toolbar Example</h1>
- vlayer = new OpenLayers.Layer.Vector( "Editable" );
- map.addLayer(vlayer);
- map.addControl(new OpenLayers.Control.PanZoomBar());
- map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
+ <div id="tags"></div>
- map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
- }
- // -->
- </script>
- </head>
- <body onload="init()">
- <h1 id="title">Editing Toolbar Example</h1>
+ <p id="shortdesc">
+ Demonstrate polygon, polyline and point creation and editing tools.
+ </p>
- <div id="tags"></div>
+ <div id="panel"></div>
+ <div id="map"></div>
- <p id="shortdesc">
- Demonstrate polygon, polyline and point creation and editing tools.
- </p>
-
- <div id="panel"></div>
- <div id="map"></div>
-
- <div id="docs"></div>
- </body>
+ <div id="docs"></div>
+ </body>
</html>
Modified: sandbox/docs/examples/fullScreen.html
===================================================================
--- sandbox/docs/examples/fullScreen.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/fullScreen.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,61 +1,63 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <style type="text/css">
- #map {
- width: 100%;
- height: 100%;
- border: 1px solid black;
- }
+ <head>
+ <title>Full Screen Example</title>
+
+ <style type="text/css">
+ #map {
+ width: 100%;
+ height: 100%;
+ border: 1px solid black;
+ }
- #text {
- position: absolute;
- bottom: 0px;
- left:0px;
- width: 512px;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var map;
- function init(){
- map = new OpenLayers.Map('map');
+ #text {
+ position: absolute;
+ bottom: 0px;
+ left:0px;
+ width: 512px;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var map;
+ function init(){
+ map = new OpenLayers.Map('map');
- var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
- "http://labs.metacarta.com:80/wms/vmap0?", {layers: 'basic'});
+ var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
+ "http://labs.metacarta.com:80/wms/vmap0?", {layers: 'basic'});
+
+ var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
+ "http://wms.jpl.nasa.gov/wms.cgi",
+ {layers: "modis,global_mosaic"});
- var jpl_wms = new OpenLayers.Layer.WMS( "NASA Global Mosaic",
- "http://wms.jpl.nasa.gov/wms.cgi",
- {layers: "modis,global_mosaic"});
+ var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
+ "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
+ {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
+ "prov_bound,fedlimit,rail,road,popplace",
+ transparent: "true", format: "image/png" });
- var dm_wms = new OpenLayers.Layer.WMS( "DM Solutions Demo",
- "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap",
- {layers: "bathymetry,land_fn,park,drain_fn,drainage," +
- "prov_bound,fedlimit,rail,road,popplace",
- transparent: "true", format: "image/png" });
+ map.addLayers([ol_wms, jpl_wms, dm_wms]);
+ map.addControl(new OpenLayers.Control.LayerSwitcher());
+ // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+ map.zoomToMaxExtent();
+ }
+ </script>
+ </head>
+ <body onload="init()">
+ <div id="map"></div>
- map.addLayers([ol_wms, jpl_wms, dm_wms]);
- map.addControl(new OpenLayers.Control.LayerSwitcher());
- // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
- map.zoomToMaxExtent();
- }
- </script>
- </head>
- <body onload="init()">
- <div id="map"></div>
+ <div id="text">
+ <h1 id="title">Full Screen Example</h1>
- <div id="text">
- <h1 id="title">Full Screen Example</h1>
+ <div id="tags"></div>
- <div id="tags"></div>
+ <p id="shortdesc">
+ Demonstrate a map that fill the entire browser window.
+ </p>
- <p id="shortdesc">
- Demonstrate a map that fill the entire browser window.
- </p>
-
- <div id="docs">
- This example uses CSS to define the dimensions of the map element in order to fill the screen.
- When the user resizes the window, the map size changes correspondingly. No scroll bars!
- </div>
- </div>
- </body>
+ <div id="docs">
+ This example uses CSS to define the dimensions of the map element in order to fill the screen.
+ When the user resizes the window, the map size changes correspondingly. No scroll bars!
+ </div>
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/fullScreen2.html
===================================================================
--- sandbox/docs/examples/fullScreen2.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/fullScreen2.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -1,49 +1,51 @@
<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <style type="text/css">
- #map {
- width: 100%;
- height: 100%;
- border: 1px solid black;
- }
- </style>
- <script src="../lib/OpenLayers.js"></script>
- <script type="text/javascript">
- var map;
- function init(){
- map = new OpenLayers.Map('map');
+ <head>
+ <title>Full Screen Example 2</title>
+
+ <style type="text/css">
+ #map {
+ width: 100%;
+ height: 100%;
+ border: 1px solid black;
+ }
+ </style>
+ <script src="../lib/OpenLayers.js"></script>
+ <script type="text/javascript">
+ var map;
+ function init(){
+ map = new OpenLayers.Map('map');
- var options = {numZoomLevels: 3};
+ var options = {numZoomLevels: 3};
- var docImage = new OpenLayers.Layer.Image(
- 'Full Screen',
- 'fullscreen.jpg',
- new OpenLayers.Bounds(-156, -90, 156, 90),
- new OpenLayers.Size(1121, 650),
- options)
+ var docImage = new OpenLayers.Layer.Image(
+ 'Full Screen',
+ 'fullscreen.jpg',
+ new OpenLayers.Bounds(-156, -90, 156, 90),
+ new OpenLayers.Size(1121, 650),
+ options);
- map.addLayers([docImage]);
- // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
- map.zoomToMaxExtent();
- }
- </script>
- </head>
- <body onload="init()">
- <div id="map"></div>
+ map.addLayers([docImage]);
+ // map.setCenter(new OpenLayers.LonLat(0, 0), 0);
+ map.zoomToMaxExtent();
+ }
+ </script>
+ </head>
+ <body onload="init()">
+ <div id="map"></div>
- <div id="text">
- <h1 id="title">Full Screen Example</h1>
+ <div id="text">
+ <h1 id="title">Full Screen Example</h1>
- <div id="tags"></div>
+ <div id="tags"></div>
- <p id="shortdesc">
- Demonstrate a map that fill the entire browser window.
- </p>
+ <p id="shortdesc">
+ Demonstrate a map that fill the entire browser window.
+ </p>
- <div id="docs">
- This example uses CSS to define the dimensions of the map element in order to fill the screen.
- When the user resizes the window, the map size changes correspondingly. No scroll bars!
- </div>
- </div>
- </body>
+ <div id="docs">
+ This example uses CSS to define the dimensions of the map element in order to fill the screen.
+ When the user resizes the window, the map size changes correspondingly. No scroll bars!
+ </div>
+ </div>
+ </body>
</html>
Modified: sandbox/docs/examples/xml.html
===================================================================
--- sandbox/docs/examples/xml.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/xml.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -111,10 +111,10 @@
</script>
</head>
<body>
- <h1 id="title">OpenLayers XML Example</h1>
+ <h1 id="title">XML Format Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
<p id="shortdesc">
Shows the use of the OpenLayers XML format class
@@ -150,7 +150,7 @@
</ul>
Output:
<div id="output"> </div>
- </div>
+ </div>
</body>
</html>
Modified: sandbox/docs/examples/yahoo.html
===================================================================
--- sandbox/docs/examples/yahoo.html 2007-10-02 03:06:16 UTC (rev 4746)
+++ sandbox/docs/examples/yahoo.html 2007-10-02 03:10:27 UTC (rev 4747)
@@ -29,22 +29,22 @@
</script>
</head>
<body onload="init()">
- <h1 id="title">OpenLayers Example</h1>
+ <h1 id="title">Yahoo Base Layer Example</h1>
- <div id="tags">
- </div>
+ <div id="tags">
+ </div>
<p id="shortdesc">
Shows how you would add a yahoo layer and add the LayerSwitcher control
</p>
- <div id="map"></div>
+ <div id="map"></div>
<div id="docs">
This is an example of how to add a yahoo layer to the OpenLayers window. In order to enable a
yahoo layer. Also shown in this example is the LayerSwitcher() control for toggling between both the yahoo layer and
the open layer WMS.
- </div>
+ </div>
</body>
</html>
More information about the Commits
mailing list