| 1 |
<html> |
|---|
| 2 |
<head> |
|---|
| 3 |
<script src="../../lib/OpenLayers.js"></script> |
|---|
| 4 |
<script type="text/javascript"> |
|---|
| 5 |
|
|---|
| 6 |
function test_activate(t) { |
|---|
| 7 |
t.plan(2); |
|---|
| 8 |
|
|---|
| 9 |
var strategy = new OpenLayers.Strategy.Cluster(); |
|---|
| 10 |
t.eq(strategy.active, false, "not active after construction"); |
|---|
| 11 |
|
|---|
| 12 |
var layer = new OpenLayers.Layer.Vector("Vector Layer", { |
|---|
| 13 |
strategies: [strategy] |
|---|
| 14 |
}); |
|---|
| 15 |
var map = new OpenLayers.Map('map'); |
|---|
| 16 |
map.addLayer(layer); |
|---|
| 17 |
|
|---|
| 18 |
t.eq(strategy.active, true, "active after adding to map"); |
|---|
| 19 |
} |
|---|
| 20 |
|
|---|
| 21 |
function test_clusters(t) { |
|---|
| 22 |
t.plan(10); |
|---|
| 23 |
|
|---|
| 24 |
function featuresEq(got, exp) { |
|---|
| 25 |
var eq = false; |
|---|
| 26 |
if(got instanceof Array && exp instanceof Array) { |
|---|
| 27 |
if(got.length === exp.length) { |
|---|
| 28 |
for(var i=0; i<got.length; ++i) { |
|---|
| 29 |
if(got[i] !== exp[i]) { |
|---|
| 30 |
console.log(got[i], exp[i]); |
|---|
| 31 |
break; |
|---|
| 32 |
} |
|---|
| 33 |
} |
|---|
| 34 |
eq = (i == got.length); |
|---|
| 35 |
} |
|---|
| 36 |
} |
|---|
| 37 |
return eq; |
|---|
| 38 |
} |
|---|
| 39 |
|
|---|
| 40 |
var strategy = new OpenLayers.Strategy.Cluster(); |
|---|
| 41 |
var layer = new OpenLayers.Layer.Vector("Vector Layer", { |
|---|
| 42 |
strategies: [strategy], |
|---|
| 43 |
isBaseLayer: true |
|---|
| 44 |
}); |
|---|
| 45 |
var map = new OpenLayers.Map('map', { |
|---|
| 46 |
resolutions: [4, 2, 1], |
|---|
| 47 |
maxExtent: new OpenLayers.Bounds(-40, -40, 40, 40) |
|---|
| 48 |
}); |
|---|
| 49 |
map.addLayer(layer); |
|---|
| 50 |
|
|---|
| 51 |
// create features in a line, 1 unit apart |
|---|
| 52 |
var features = new Array(80); |
|---|
| 53 |
for(var i=0; i<80; ++i) { |
|---|
| 54 |
features[i] = new OpenLayers.Feature.Vector( |
|---|
| 55 |
new OpenLayers.Geometry.Point(-40 + i, 0) |
|---|
| 56 |
); |
|---|
| 57 |
} |
|---|
| 58 |
|
|---|
| 59 |
// add one additional feature, with no geometry - just to confirm it doesn't break things |
|---|
| 60 |
features.push(new OpenLayers.Feature.Vector()); |
|---|
| 61 |
|
|---|
| 62 |
layer.addFeatures(features); |
|---|
| 63 |
map.setCenter(new OpenLayers.LonLat(0, 0), 0); |
|---|
| 64 |
|
|---|
| 65 |
// resolution 4 |
|---|
| 66 |
// threshold: 4 * 20 = 80 units |
|---|
| 67 |
// one cluster |
|---|
| 68 |
t.eq(layer.features.length, 1, "[4] layer has one cluster"); |
|---|
| 69 |
t.ok(featuresEq(layer.features[0].cluster, features.slice(0, 80)), "[4] cluster includes all features with geometries"); |
|---|
| 70 |
|
|---|
| 71 |
// resolution 2 |
|---|
| 72 |
// threshold: 2 * 20 = 40 units |
|---|
| 73 |
// two clusters (41 and 39) - first cluster includes all features within 40 units of the first (0-40 or 41 features) |
|---|
| 74 |
map.zoomIn(); |
|---|
| 75 |
t.eq(layer.features.length, 2, "[2] layer has two clusters"); |
|---|
| 76 |
t.ok(featuresEq(layer.features[0].cluster, features.slice(0, 41)), "[2] first cluster includes first 41 features"); |
|---|
| 77 |
t.ok(featuresEq(layer.features[1].cluster, features.slice(41, 80)), "[2] second cluster includes last 39 features"); |
|---|
| 78 |
|
|---|
| 79 |
// resolution 1 |
|---|
| 80 |
// threshold: 1 * 20 = 20 units |
|---|
| 81 |
// four clusters (21, 21, 21, and 17) |
|---|
| 82 |
map.zoomIn(); |
|---|
| 83 |
t.eq(layer.features.length, 4, "[1] layer has four clusters"); |
|---|
| 84 |
t.ok(featuresEq(layer.features[0].cluster, features.slice(0, 21)), "[1] first cluster includes first 21 features"); |
|---|
| 85 |
t.ok(featuresEq(layer.features[1].cluster, features.slice(21, 42)), "[2] second cluster includes second 21 features"); |
|---|
| 86 |
t.ok(featuresEq(layer.features[2].cluster, features.slice(42, 63)), "[2] third cluster includes third 21 features"); |
|---|
| 87 |
t.ok(featuresEq(layer.features[3].cluster, features.slice(63, 80)), "[2] fourth cluster includes last 17 features"); |
|---|
| 88 |
} |
|---|
| 89 |
|
|---|
| 90 |
function test_deactivate(t) { |
|---|
| 91 |
t.plan(2); |
|---|
| 92 |
|
|---|
| 93 |
var strategy = new OpenLayers.Strategy.Cluster(); |
|---|
| 94 |
var layer = new OpenLayers.Layer.Vector("Vector Layer", { |
|---|
| 95 |
strategies: [strategy] |
|---|
| 96 |
}); |
|---|
| 97 |
var map = new OpenLayers.Map('map'); |
|---|
| 98 |
map.addLayer(layer); |
|---|
| 99 |
|
|---|
| 100 |
t.eq(strategy.active, true, "active after adding to map"); |
|---|
| 101 |
|
|---|
| 102 |
map.removeLayer(layer); |
|---|
| 103 |
t.eq(strategy.active, false, "not active after removing from map"); |
|---|
| 104 |
} |
|---|
| 105 |
|
|---|
| 106 |
</script> |
|---|
| 107 |
</head> |
|---|
| 108 |
<body> |
|---|
| 109 |
<div id="map" style="width: 400px; height: 200px" /> |
|---|
| 110 |
</body> |
|---|
| 111 |
</html> |
|---|
