<!DOCTYPE html> <html> <head> <title>OpenLayers Editing Methods</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <link rel="stylesheet" href="../theme/default/style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css"> <script src="../lib/OpenLayers.js"></script> </head> <body> <h1 id="title">Editing Methods</h1> <p id="shortdesc"> Demonstrates the use of editing methods for manipulating geometries while drawing. </p> <div id="map" class="smallmap"></div> <ul id="methods"> <li><a href="#" id="insertXY">insert x,y</a></li> <li><a href="#" id="insertDeltaXY">insert dx,dy</a></li> <li><a href="#" id="insertDirectionLength">insert direction/length</a></li> <li><a href="#" id="insertDeflectionLength">insert deflection/length</a></li> <li><a href="#" id="finishSketch">finish sketch</a></li> <li><a href="#" id="cancel">cancel sketch</a></li> </ul> <div id="docs"> <p> The <code>control.insertXY</code> method inserts a point at the given map coordinates (x, y) immediately prior to the most recent point (under the mouse). The <code>control.insertDeltaXY</code> method inserts a point at the given offset values (dx, dy) from the previously added point. The <code>control.insertDirectionLength</code> method inserts a point at offset direction and length from the previously added point. Direction is measured counter-clockwise from the positive x-axis. The <code>control.insertDeflectionLength</code> method inserts a point at offset deflection and length from the previously added point. Deflection is measured counter-clockwise from the previous line segment. The <code>control.finishSketch</code> method completes the current sketch without adding the point under the user's mouse. This allows a sketch to be finished without a double-click. The <code>control.cancel</code> method discards the current sketch and leaves the control active. The <code>control.insertXY</code> method may be called before any points are digitized manually. The other methods have no effect until at least one point has been added to the sketch. </p><p> View the <a href="editing-methods.js" target="_blank">editing-methods.js</a> source to see how this is done. </p> </div> <script src="editing-methods.js"></script> </body> </html>