title: How to add DRAG feature in my "Editing Tool Bar" using openlayers js library?
body: <p>am having point,polygon,line,hand(for map dragging) in my editing tool bar, now when I create any point or line I want to change its location by dragging that specific marker on the map, how do I add this option in editing tool bar.
  Code is here:</p>
  
  <p>
      
          
              
              
              
              OpenLayers Editing Toolbar Example</p>
  
  <pre><code>        &lt;link rel="stylesheet" href="OpenLayers/theme/default/style.css" type="text/css"&gt;
          &lt;!--[if lte IE 6]&gt;
              &lt;link rel="stylesheet" href="../theme/default/ie6-style.css" type="text/css"&gt;
          &lt;![endif]--&gt;
          &lt;link rel="stylesheet" href="style.css" type="text/css"&gt;
          &lt;script src="OpenLayers/OpenLayers.js"&gt;&lt;/script&gt;
          &lt;script src="OpenLayers/lib/Firebug/firebug.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              var lon = 5;
              var lat = 40;
              var zoom = 5;
              var map, layer;
  
              function init(){
                  layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                          "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
  
                  vlayer = new OpenLayers.Layer.Vector( "Editable" );
                  map = new OpenLayers.Map( 'map', {
                      controls: [
                          new OpenLayers.Control.PanZoom(),
                          new OpenLayers.Control.EditingToolbar(vlayer)                            
                      ]
                  });
  
                  map.addLayers([layer, vlayer]);
  
                  map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
  
  
                  var click = new OpenLayers.Control.Click();
                  map.addControl(click);
                  click.activate();
  
              }
  
  
               OpenLayers.Control.Click = OpenLayers.Class(OpenLayers.Control, {                
              defaultHandlerOptions: {
                  'single': true,
                  'double': false,
                  'pixelTolerance': 0,
                  'stopSingle': false,
                  'stopDouble': false
              },
  
              initialize: function(options) {
                  this.handlerOptions = OpenLayers.Util.extend(
                      {}, this.defaultHandlerOptions
                  );
                  OpenLayers.Control.prototype.initialize.apply(
                      this, arguments
                  ); 
                  this.handler = new OpenLayers.Handler.Click(
                      this, {
                          'click': this.trigger
                      }, this.handlerOptions
                  );
              }, 
  
              trigger: function(e) {
                  var lonlat = map.getLonLatFromViewPortPx(e.xy);
  
                  alert("You clicked near " + lonlat.lat + " N, " +
                                            + lonlat.lon + " E");
              }
  
          });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body onload="init()"&gt;
          &lt;h1 id="title"&gt;Editing Toolbar Example&lt;/h1&gt;
  
          &lt;div id="tags"&gt;
              digitizing, point, line, linestring, polygon, editing
          &lt;/div&gt;
  
          &lt;p id="shortdesc"&gt;
              Demonstrate polygon, polyline and point creation and editing tools.
          &lt;/p&gt;
  
          &lt;div id="panel"&gt;&lt;/div&gt;
          &lt;div id="map" style="width: 1000px; height:500px;" &gt;&lt;/div&gt;
  
          &lt;div id="docs"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>