[OpenLayers-Commits] r2053 - sandbox/camptocamp/advancedcontrol/examples

Thu Dec 14 06:02:08 EST 2006

Author: pgiraud
Date: 2006-12-14 06:02:06 -0500 (Thu, 14 Dec 2006)
New Revision: 2053

Added:
   sandbox/camptocamp/advancedcontrol/examples/controloutside.html
Log:
examples to try controls outside the map

Added: sandbox/camptocamp/advancedcontrol/examples/controloutside.html
===================================================================

--- sandbox/camptocamp/advancedcontrol/examples/controloutside.html	                        (rev 0)
+++ sandbox/camptocamp/advancedcontrol/examples/controloutside.html	2006-12-14 11:02:06 UTC (rev 2053)
@@ -0,0 +1,42 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <style type="text/css">
+        #map {
+            width: 512px;
+            height: 512px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+             var toolbar = new OpenLayers.Control.EditingToolbar({div: $('selectionDiv')});
+            
+            // the info is an option of the selection.
+            var selection = new OpenLayers.Control.EditingTool.Selection();
+            var movePathPoint = new OpenLayers.Control.EditingTool.MovePathPoint();
+            toolbar.addTools([selection, movePathPoint]);
+      
+        
+            map = new OpenLayers.Map('map', {controls: [
+                new OpenLayers.Control.MousePosition({div: $('mousePositionDiv')}),
+                toolbar
+			]});
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0?", {layers: 'basic'}); 
+
+            map.addLayers([ol_wms]);
+            map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Example</h1>
+    <div id="mousePositionDiv" style="border: 1px solid blue;">fq df</div>
+    <div id="selectionDiv" style="border: 1px solid red;">fq df</div>
+    <div id="map"></div>
+    <div id="containerControl"></div>
+  </body>
+</html>

