diff options
Diffstat (limited to 'misc/openlayers/examples/editing-methods.html')
| -rw-r--r-- | misc/openlayers/examples/editing-methods.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/misc/openlayers/examples/editing-methods.html b/misc/openlayers/examples/editing-methods.html new file mode 100644 index 0000000..5a28710 --- /dev/null +++ b/misc/openlayers/examples/editing-methods.html @@ -0,0 +1,58 @@ +<!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> |