ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
1397f816b51ff76e57cd873f6a8f4c28e830a44d
openlayers/tests/Handler/Polygon.html

383 lines
15 KiB
HTML
Raw Blame History

<html>
<head>
<script src="../../lib/OpenLayers.js"></script>
<script type="text/javascript">
function test_Handler_Polygon_constructor(t) {
t.plan(3);
var control = new OpenLayers.Control();
control.id = Math.random();
var callbacks = {foo: "bar"};
var options = {bar: "foo"};
var oldInit = OpenLayers.Handler.prototype.initialize;
OpenLayers.Handler.prototype.initialize = function(con, call, opt) {
t.eq(con.id, control.id,
"constructor calls parent with the correct control");
t.eq(call, callbacks,
"constructor calls parent with the correct callbacks");
t.eq(opt, options,
"constructor calls parent with the correct options");
}
var handler = new OpenLayers.Handler.Polygon(control, callbacks, options);
OpenLayers.Handler.prototype.initialize = oldInit;
}
function test_Handler_Polygon_activation(t) {
t.plan(3);
var map = new OpenLayers.Map('map');
var control = new OpenLayers.Control();
map.addControl(control);
var handler = new OpenLayers.Handler.Polygon(control);
handler.active = true;
var activated = handler.activate();
t.ok(!activated,
"activate returns false if the handler was already active");
handler.active = false;
activated = handler.activate();
t.ok(activated,
"activate returns true if the handler was not already active");
activated = handler.deactivate();
t.ok(activated,
"deactivate returns true if the handler was active already");
map.destroy();
}
function test_Handler_Polygon_bounds(t) {
t.plan(2);
var map = new OpenLayers.Map('map');
map.addLayer(new OpenLayers.Layer.WMS("", "", {}));
map.zoomToMaxExtent();
var control = new OpenLayers.Control();
map.addControl(control);
var handler = new OpenLayers.Handler.Polygon(control, {});
var activated = handler.activate();
var evt = {xy: new OpenLayers.Pixel(150, 75), which: 1};
handler.mousedown(evt);
handler.mouseup(evt);
var evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
handler.mousemove(evt);
handler.mousedown(evt);
handler.mouseup(evt);
t.ok(handler.line.geometry.getBounds().equals(new OpenLayers.Bounds(0,-35.15625,35.15625,0)), "Correct bounds");
var evt = {xy: new OpenLayers.Pixel(175, 100), which: 1};
handler.mousedown(evt);
var evt = {xy: new OpenLayers.Pixel(125, 100), which: 1};
handler.mousemove(evt);
t.ok(!handler.polygon.geometry.getBounds().equals(new OpenLayers.Bounds(0,-35.15625,35.15625,0)),
"Correct bounds after dragging without letting go. (Came out as "+handler.line.geometry.getBounds().toBBOX() + ".)");
map.destroy();
}
function test_callbacks(t) {
t.plan(15);
var map = new OpenLayers.Map("map", {
resolutions: [1]
});
var layer = new OpenLayers.Layer.Vector("foo", {
maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10),
isBaseLayer: true
});
map.addLayer(layer);
var control = new OpenLayers.Control({
});
var log = {};
var handler = new OpenLayers.Handler.Polygon(control, {
create: function() {
log.type = "create",
log.args = arguments
},
modify: function() {
log.type = "modify",
log.args = arguments
},
done: function() {
log.type = "done",
log.args = arguments
},
cancel: function() {
log.type = "cancel",
log.args = arguments
}
});
control.handler = handler;
map.addControl(control);
map.setCenter(new OpenLayers.LonLat(0, 0), 0);
// mock up feature drawing
handler.activate();
// click at 0, 0
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
t.eq(log.type, "create", "[mousedown] create called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[mousedown] correct vertex");
t.ok(log.args[1] === handler.polygon, "[mousedown] correct sketch feature");
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(0, 0)});
t.eq(log.type, "modify", "[mouseup] modify called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 75), "[mouseup] correct vertex");
t.ok(log.args[1] === handler.polygon, "[mouseup] correct sketch feature");
// move to 10, 10 and click
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(10, 10)});
t.eq(log.type, "modify", "[mousemove] modify called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-140, 65), "[mousemove] correct vertex");
t.ok(log.args[1] === handler.polygon, "[mouseup] correct sketch feature");
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(10, 10)});
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(10, 10)});
// move to 0, 10 and double click
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(0, 10)});
t.eq(log.type, "modify", "[mousemove] modify called");
t.geom_eq(log.args[0], new OpenLayers.Geometry.Point(-150, 65), "[mousemove] correct vertex");
t.ok(log.args[1] === handler.polygon, "[mouseup] correct sketch feature");
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 10)});
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(0, 10)});
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 10)});
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(0, 10)});
handler.dblclick({type: "dblclick", xy: new OpenLayers.Pixel(0, 10)});
t.eq(log.type, "done", "[dblclick] done called");
t.geom_eq(
log.args[0],
new OpenLayers.Geometry.Polygon([
new OpenLayers.Geometry.LinearRing([
new OpenLayers.Geometry.Point(-150, 75),
new OpenLayers.Geometry.Point(-140, 65),
new OpenLayers.Geometry.Point(-150, 65),
new OpenLayers.Geometry.Point(-150, 75)
])
]),
"[dblclick] correct polygon"
);
// mock up sketch cancel
handler.mousedown({type: "mousedown", xy: new OpenLayers.Pixel(0, 0)});
handler.mouseup({type: "mouseup", xy: new OpenLayers.Pixel(0, 0)});
handler.mousemove({type: "mousemove", xy: new OpenLayers.Pixel(1, 1)});
handler.deactivate();
t.eq(log.type, "cancel", "[deactivate while drawing] cancel called");
map.destroy();
}
function test_rings(t) {
t.plan(12);
var log = [];
var map = new OpenLayers.Map({
div: "map",
resolutions: [1],
maxExtent: new OpenLayers.Bounds(-10, -10, 10, 10),
layers: [
new OpenLayers.Layer.Vector(null, {
isBaseLayer: true,
eventListeners: {
featureadded: function(event) {
log.push(event);
},
sketchmodified: function(event) {
log.push(event);
},
sketchcomplete: function(event) {
log.push(event);
}
}
})
],
center: new OpenLayers.LonLat(0, 0),
zoom: 0
});
// create control for drawing polygons with holes
var draw = new OpenLayers.Control.DrawFeature(
map.layers[0],
OpenLayers.Handler.Polygon,
{handlerOptions: {holeModifier: "altKey"}}
);
map.addControl(draw);
draw.activate();
var event;
function trigger(type, event) {
map.events.triggerEvent(type, OpenLayers.Util.extend({}, event));
}
// a) draw a polygon
log = [];
// start at -9, 9
event = {xy: new OpenLayers.Pixel(-9, 9)};
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -1, 9
event = {xy: new OpenLayers.Pixel(-1, 9)};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -1, 1
event = {xy: new OpenLayers.Pixel(-1, 1)};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -9, 1
event = {xy: new OpenLayers.Pixel(-9, 1)};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// finish
event = {xy: new OpenLayers.Pixel(-9, 1)};
trigger("mousedown", event);
trigger("mouseup", event);
trigger("dblclick", event);
// make assertions
t.eq(log.length, 9, "a) correct number of events");
t.eq(log[log.length-1].type, "featureadded", "a) featureadded event last");
t.eq(log[log.length-1].feature.geometry.getArea(), 64, "a) correct polygon area");
// b) draw a hole
log = [];
// start at -6, 6
event = {xy: new OpenLayers.Pixel(-6, 6), altKey: true};
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -3, 6
event = {xy: new OpenLayers.Pixel(-3, 6), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -3, 3
event = {xy: new OpenLayers.Pixel(-3, 3), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -6, 3
event = {xy: new OpenLayers.Pixel(-6, 3), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// finish
event = {xy: new OpenLayers.Pixel(-6, 3), altKey: true};
trigger("mousedown", event);
trigger("mouseup", event);
trigger("dblclick", event);
// make assertions
t.eq(log.length, 8, "b) correct number of events");
t.eq(log[log.length-1].type, "sketchcomplete", "b) sketchcomplete event last");
t.eq(log[log.length-1].feature.geometry.getArea(), 55, "b) correct polygon area");
// c) draw a polygon that overlaps the first
log = [];
// start at -2, 2
event = {xy: new OpenLayers.Pixel(-2, 2)};
trigger("mousedown", event);
trigger("mouseup", event);
// draw to 2, 2
event = {xy: new OpenLayers.Pixel(2, 2)};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to 2, -2
event = {xy: new OpenLayers.Pixel(2, -2)};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -2, -2
event = {xy: new OpenLayers.Pixel(-2, -2)};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// finish
event = {xy: new OpenLayers.Pixel(-2, -2)};
trigger("mousedown", event);
trigger("mouseup", event);
trigger("dblclick", event);
// make assertions
t.eq(log.length, 9, "c) correct number of events");
t.eq(log[log.length-1].type, "featureadded", "c) featureadded event last");
t.eq(log[log.length-1].feature.geometry.getArea(), 16, "c) correct polygon area");
// d) draw a hole that tries to go outside the exterior ring
log = [];
// start at -1, 1
event = {xy: new OpenLayers.Pixel(-1, 1), altKey: true};
trigger("mousedown", event);
trigger("mouseup", event);
// draw to 1, 1
event = {xy: new OpenLayers.Pixel(1, 1), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// try to draw to -8, 8 (ouside active polygon)
event = {xy: new OpenLayers.Pixel(-8, 8), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to 1, -1
event = {xy: new OpenLayers.Pixel(1, -1), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// draw to -1, -1
event = {xy: new OpenLayers.Pixel(-1, -1), altKey: true};
trigger("mousemove", event);
trigger("mousedown", event);
trigger("mouseup", event);
// finish
event = {xy: new OpenLayers.Pixel(-1, 1), altKey: true};
trigger("mousedown", event);
trigger("mouseup", event);
trigger("dblclick", event);
// make assertions
t.eq(log.length, 11, "d) correct number of events");
t.eq(log[log.length-1].type, "sketchcomplete", "d) sketchcomplete event last");
t.eq(log[log.length-1].feature.geometry.getArea(), 12, "d) correct polygon area");
map.destroy();
}
function test_Handler_Polygon_destroy(t) {
t.plan(8);
var map = new OpenLayers.Map('map');
map.addLayer(new OpenLayers.Layer.WMS("", "", {}));
map.zoomToMaxExtent();
var control = new OpenLayers.Control();
map.addControl(control);
var handler = new OpenLayers.Handler.Polygon(control, {foo: 'bar'});
handler.activate();
var evt = {xy: new OpenLayers.Pixel(150, 75), which: 1};
handler.mousedown(evt);
t.ok(handler.layer,
"handler has a layer prior to destroy");
t.ok(handler.point,
"handler has a point prior to destroy");
t.ok(handler.line,
"handler has a line prior to destroy");
t.ok(handler.polygon,
"handler has a polygon prior to destroy");
handler.destroy();
t.eq(handler.layer, null,
"handler.layer is null after destroy");
t.eq(handler.point, null,
"handler.point is null after destroy");
t.eq(handler.line, null,
"handler.line is null after destroy");
t.eq(handler.polygon, null,
"handler.polygon is null after destroy");
map.destroy();
}
</script>
</head>
<body>
<div id="map" style="width: 300px; height: 150px;"/>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink