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">
4 <title>OpenLayers: Custom Editing Toolbar</title>
5 <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
6 <link rel="stylesheet" href="style.css" type="text/css" />
7 <style type="text/css">
8 .olControlEditingToolbar {
15 <script src="../lib/Firebug/firebug.js"></script>
16 <script src="../lib/OpenLayers.js"></script>
17 <script type="text/javascript">
24 map = new OpenLayers.Map('map', {theme: null});
25 layer = new OpenLayers.Layer.WMS(
27 "http://labs.metacarta.com/wms/vmap0",
32 vlayer = new OpenLayers.Layer.Vector( "Editable" );
34 var container = document.getElementById("panel");
35 var panel = new OpenLayers.Control.EditingToolbar(
36 vlayer, {div: container}
38 map.addControl(panel);
40 map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
44 <body onload="init()">
45 <h1 id="title">OpenLayers EditingToolbar Outside Viewport</h1>
47 Display an editing toolbar panel outside the map viewport.
49 <div id="map" class="smallmap"></div>
50 <div id="panel" class="olControlEditingToolbar"></div>