OpenLayers OpenLayers

root/trunk/openlayers/examples/editingtoolbar-outside.html

Revision 7472, 1.7 kB (checked in by tschaub, 2 months ago)

Adding a few example descriptions, removing a redundant example.

  • Property svn:eol-style set to native
Line 
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3   <head>
4     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
5     <link rel="stylesheet" href="style.css" type="text/css" />
6     <style type="text/css">
7         .olControlEditingToolbar  {
8             float:left;
9             right: 0px;
10             height: 30px;
11             width: 150px;
12         }
13     </style>
14     <script src="../lib/Firebug/firebug.js"></script>
15     <script src="../lib/OpenLayers.js"></script>
16     <script type="text/javascript">
17         var lon = 5;
18         var lat = 40;
19         var zoom = 5;
20         var map, layer;
21
22         function init(){
23             map = new OpenLayers.Map('map', {theme: null});
24             layer = new OpenLayers.Layer.WMS(
25                 "OpenLayers WMS",
26                 "http://labs.metacarta.com/wms/vmap0",
27                 {layers: "basic"}
28             );
29             map.addLayer(layer);
30
31             vlayer = new OpenLayers.Layer.Vector( "Editable" );
32             map.addLayer(vlayer);
33             var container = document.getElementById("panel");
34             var panel = new OpenLayers.Control.EditingToolbar(
35                 vlayer, {div: container}
36             );
37             map.addControl(panel);
38            
39             map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
40         }
41     </script>
42   </head>
43   <body onload="init()">
44     <h1 id="title">OpenLayers EditingToolbar Outside Viewport</h1>
45     <p id="shortdesc">
46         Display an editing toolbar panel outside the map viewport.
47     </p>
48     <div id="map" class="smallmap"></div>
49     <div id="panel" class="olControlEditingToolbar"></div>
50   </body>
51 </html>
Note: See TracBrowser for help on using the browser.