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>