<HTML><HEAD></HEAD>
<BODY dir=ltr>
<DIV dir=ltr>
<DIV style="FONT-FAMILY: 'Arial'; COLOR: #000000; FONT-SIZE: 10pt">
<DIV>Hi Paul,</DIV>
<DIV> </DIV>
<DIV>from what I know about OpenLayers your code is what I'm looking for, but I
can't make the event working. What is interesting is that if I change what is
with red it deactivate cluster strategy no matter the zoom level.</DIV>
<DIV> </DIV>
<DIV>map.events.register("move", null, function() { // #2, #3 respond to
map extent change</DIV>
<DIV> // disable cluster when zoom greater
than threshold</DIV>
<DIV> if (map.getZoom() <FONT
color=#ff0000><STRONG><</STRONG></FONT> clusterMaxZoom) { // #2.1 how
to read current zoom</DIV>
<DIV>
clusterStrategy.deactivate(); // #2.2 how to disable cluster
strategy</DIV>
<DIV> } else {</DIV>
<DIV>
clusterStrategy.activate();</DIV>
<DIV> }</DIV>
<DIV> });</DIV>
<DIV> </DIV>
<DIV>Help me please.</DIV>
<DIV> </DIV>
<DIV>Here is my code:</DIV>
<DIV> </DIV>
<DIV>....................................................................</DIV>
<DIV> </DIV>
<DIV><html></DIV>
<DIV><head></DIV>
<DIV><title>OpenLayers Test</title></DIV>
<DIV><script type="text/javascript"
src="js/OpenLayers.js"></script></DIV>
<DIV><script defer="defer" type="text/javascript"></DIV>
<DIV> function init(){</DIV>
<DIV> </DIV>
<DIV> // styles for cluster strategy </DIV>
<DIV> var style = new OpenLayers.Style({</DIV>
<DIV>
fillColor: "${fill_color}",</DIV>
<DIV>
fillOpacity: 0.4,</DIV>
<DIV>
pointRadius: "${radius}",</DIV>
<DIV>
strokeColor: "${stroke_color}",</DIV>
<DIV>
strokeOpacity: 1,</DIV>
<DIV>
strokeWidth: 1</DIV>
<DIV>
},</DIV>
<DIV>
{</DIV>
<DIV>
context: {</DIV>
<DIV>
radius: function(feature) {</DIV>
<DIV>
var pix = 8;</DIV>
<DIV>
if(feature.cluster) {</DIV>
<DIV>
pix = Math.min(feature.attributes.count, 11) + 8;</DIV>
<DIV>
}</DIV>
<DIV>
return pix;</DIV>
<DIV>
},</DIV>
<DIV>
fill_color: function(feature) {</DIV>
<DIV>
if(feature.cluster) {</DIV>
<DIV>
maxImportance = 0;</DIV>
<DIV>
for(var c = 0; c < feature.cluster.length; c++) {</DIV>
<DIV>
i = feature.cluster[c].attributes.importance;</DIV>
<DIV>
if(i > maxImportance) {</DIV>
<DIV>
maxImportance = i;</DIV>
<DIV>
mainFeature = c;</DIV>
<DIV>
}</DIV>
<DIV>
}</DIV>
<DIV>
feature.attributes.fillColor =
feature.cluster[mainFeature].attributes.fillColor;</DIV>
<DIV>
}</DIV>
<DIV>
return feature.attributes.fillColor;</DIV>
<DIV>
},</DIV>
<DIV>
stroke_color: function(feature) {</DIV>
<DIV>
if(feature.cluster) {</DIV>
<DIV>
maxImportance = 0;</DIV>
<DIV>
for(var c = 0; c < feature.cluster.length; c++) {</DIV>
<DIV>
i = feature.cluster[c].attributes.importance;</DIV>
<DIV>
if(i > maxImportance) {</DIV>
<DIV>
maxImportance = i;</DIV>
<DIV>
mainFeature = c;</DIV>
<DIV>
}</DIV>
<DIV>
}</DIV>
<DIV>
feature.attributes.strokeColor =
feature.cluster[mainFeature].attributes.strokeColor;</DIV>
<DIV>
}</DIV>
<DIV>
return feature.attributes.strokeColor;</DIV>
<DIV>
}</DIV>
<DIV>
}</DIV>
<DIV> });</DIV>
<DIV>
</DIV>
<DIV> /* Creating the Map Viewer */</DIV>
<DIV> /*In order to create the viewer,
you must first create a map. The OpenLayers.Map constructor requires one
argument: This argument must either be an HTML Element, or the ID of an HTML
element. This is the element in which the map will be placed.*/</DIV>
<DIV> var map = new OpenLayers.Map("map", {</DIV>
<DIV> controls: [</DIV>
<DIV> new
OpenLayers.Control.Navigation(),</DIV>
<DIV> new
OpenLayers.Control.PanPanel(),</DIV>
<DIV> new
OpenLayers.Control.ZoomPanel(),</DIV>
<DIV> new
OpenLayers.Control.LayerSwitcher() /*
Open the switch layers panel */</DIV>
<DIV> ],</DIV>
<DIV> maxResolution: 'auto',</DIV>
<DIV> numZoomLevels:
6 // maximum zoom</DIV>
<DIV> });</DIV>
<DIV> </DIV>
<DIV> /*Map Constructor*/</DIV>
<DIV> /* The next step to creating a
viewer is to add a basic layer to the Map. */</DIV>
<DIV> var basicMapLayer = new OpenLayers.Layer.Image(</DIV>
<DIV> "Map Image",</DIV>
<DIV>
"images/maps/MapImage.jpg",</DIV>
<DIV> new
OpenLayers.Bounds(0, 0, 510, 510),</DIV>
<DIV> new OpenLayers.Size(510,
510)</DIV>
<DIV> );</DIV>
<DIV> </DIV>
<DIV> /* Adding an Multipoint Vector Layer with cluster
strategy */</DIV>
<DIV> var clusterStrategy = new
OpenLayers.Strategy.Cluster({distance: 20});</DIV>
<DIV> </DIV>
<DIV> var monuments = new OpenLayers.Layer.Vector("Monuments",
{</DIV>
<DIV>
strategies: [clusterStrategy],</DIV>
<DIV>
styleMap: new OpenLayers.StyleMap({"default": style})</DIV>
<DIV>
});</DIV>
<DIV> </DIV>
<DIV> // cluster threshold</DIV>
<DIV> var clusterMaxZoom = 2; // maximum zoom is 6</DIV>
<DIV> </DIV>
<DIV> map.events.register("move", null, function() { //
#2, #3 respond to map extent change</DIV>
<DIV> // disable cluster when zoom
greater than threshold</DIV>
<DIV> if (map.getZoom()
> clusterMaxZoom) { // #2.1 how to read current zoom</DIV>
<DIV>
clusterStrategy.deactivate(); // #2.2 how to disable cluster
strategy</DIV>
<DIV> } else {</DIV>
<DIV>
clusterStrategy.activate();</DIV>
<DIV> }</DIV>
<DIV> });</DIV>
<DIV> </DIV>
<DIV> var point_1 = new OpenLayers.Geometry.Point(270,
205); </DIV>
<DIV> var
point_1_Feature = new OpenLayers.Feature.Vector(point_1);</DIV>
<DIV>
point_1_Feature.attributes = {</DIV>
<DIV>
strokeColor: "#ffffff",</DIV>
<DIV>
fillColor: "#ffffff",</DIV>
<DIV>
importance: 9</DIV>
<DIV> }</DIV>
<DIV> </DIV>
<DIV> var point_2 = new OpenLayers.Geometry.Point(263,
201); </DIV>
<DIV> var point_2_Feature = new
OpenLayers.Feature.Vector(point_2);</DIV>
<DIV>
point_2_Feature.attributes = {</DIV>
<DIV>
strokeColor: "blue",</DIV>
<DIV>
fillColor: "blue",</DIV>
<DIV>
importance: 3</DIV>
<DIV> }</DIV>
<DIV> </DIV>
<DIV> var point_3 = new
OpenLayers.Geometry.Point(260, 202);</DIV>
<DIV> var
point_3_Feature = new OpenLayers.Feature.Vector(point_3);</DIV>
<DIV>
point_3_Feature.attributes = {</DIV>
<DIV>
strokeColor: "yellow",</DIV>
<DIV>
fillColor: "yellow",</DIV>
<DIV>
importance: 5</DIV>
<DIV> }</DIV>
<DIV> </DIV>
<DIV> var point_4 = new OpenLayers.Geometry.Point(261,
202);</DIV>
<DIV> var
point_4_Feature = new OpenLayers.Feature.Vector(point_4);</DIV>
<DIV>
point_4_Feature.attributes = {</DIV>
<DIV>
strokeColor: "yellow",</DIV>
<DIV>
fillColor: "yellow",</DIV>
<DIV>
importance: 5</DIV>
<DIV> }</DIV>
<DIV> </DIV>
<DIV> var point_5 = new OpenLayers.Geometry.Point(263,
202);</DIV>
<DIV> var
point_5_Feature = new OpenLayers.Feature.Vector(point_5);</DIV>
<DIV>
point_5_Feature.attributes = {</DIV>
<DIV>
strokeColor: "yellow",</DIV>
<DIV>
fillColor: "yellow",</DIV>
<DIV>
importance: 5</DIV>
<DIV> }</DIV>
<DIV> </DIV>
<DIV> /* Layer Constructor */</DIV>
<DIV> /* In order to display the map,
you must set a center and zoom level. In order to zoom to fit the map into the
window, you can use the zoomToMaxExtent function, which will zoom as close as
possible while still fitting the full extents within the window. */</DIV>
<DIV> map.addLayers([basicMapLayer, monuments]);</DIV>
<DIV> map.zoomToMaxExtent();</DIV>
<DIV> </DIV>
<DIV> // features for layer with
cluster strategy must me declared after layer is added in order to work</DIV>
<DIV> var monumentsFeature = new
OpenLayers.Feature.Vector(</DIV>
<DIV>
new OpenLayers.Geometry.MultiPoint([point_1, point_2, point_3, point_4,
point_5])</DIV>
<DIV>
);</DIV>
<DIV>
monuments.addFeatures([point_1_Feature, point_2_Feature, point_3_Feature,
point_4_Feature, point_5_Feature]);</DIV>
<DIV> </DIV>
<DIV> // end of init function</DIV>
<DIV> }</DIV>
<DIV></script></DIV>
<DIV></head></DIV>
<DIV><body onLoad="init()"></DIV>
<DIV><div style="width:100%; height:100%; border:#000 1px solid;
background:#000000;" id="map"></div></DIV>
<DIV></body></DIV>
<DIV></html></DIV>
<DIV> </DIV>
<DIV>....................................................................</DIV>
<DIV> </DIV>
<DIV>-----Original Message----- </DIV>
<DIV>From: Paul Spencer </DIV>
<DIV>Sent: Wednesday, February 16, 2011 3:37 PM </DIV>
<DIV>To: Mihai Visan </DIV>
<DIV>Cc: OpenLayers User list </DIV>
<DIV>Subject: Re: [OpenLayers-Users] cluster strategy </DIV>
<DIV> </DIV>
<DIV>I don't know your code but I would assume that you are looking for
something like this:</DIV>
<DIV> </DIV>
<DIV>var map = new OpenLayers.Map('mapDiv', mapOptions);</DIV>
<DIV>var clusterStrategy = new OpenLayers.Strategy.Cluster(clusterOptions);
</DIV>
<DIV>var layerOptions = {</DIV>
<DIV> strategies: [clusterStrategy]</DIV>
<DIV>};</DIV>
<DIV>var vectorLayers = new OpenLayers.Layer.Vector('features',
layerOptions);</DIV>
<DIV> </DIV>
<DIV>// cluster threshold</DIV>
<DIV>var clusterMaxZoom = 10;</DIV>
<DIV> </DIV>
<DIV>map.events.register('move', null, function() { // #2, #3 respond to
map extent change</DIV>
<DIV> // disable cluster when zoom greater than threshold</DIV>
<DIV> if (map.getZoom() > clusterMaxZoom) { // #2.1 how to read
current zoom</DIV>
<DIV> clusterStrategy.deactivate(); // #2.2 how to
disable cluster strategy</DIV>
<DIV> } else {</DIV>
<DIV> clusterStrategy.activate();</DIV>
<DIV> }</DIV>
<DIV> </DIV>
<DIV> // filter features based on bounding box</DIV>
<DIV> var extent = map.getExtent(); // #3.1</DIV>
<DIV> </DIV>
<DIV> // reload features here, it depends on how you read your features in
now</DIV>
<DIV> </DIV>
<DIV>});</DIV>
<DIV> </DIV>
<DIV>If you are not using a Protocol like WFS () with your layer then the BBOX
strategy will have no effect and you will have to manually reload features using
whatever mechanism you are using now.</DIV>
<DIV> </DIV>
<DIV>Cheers</DIV>
<DIV> </DIV>
<DIV>Paul</DIV>
<DIV> </DIV>
<DIV>On 2011-02-16, at 7:58 AM, Mihai Visan wrote:</DIV>
<DIV> </DIV>
<DIV>> Thanks Paul,</DIV>
<DIV>> </DIV>
<DIV>> I already read the documentation and all tutorial and user discusions
I could found.</DIV>
<DIV>> </DIV>
<DIV>> But I'm a week at javascript, so I could use some examples or
tutorials I could transform</DIV>
<DIV>> </DIV>
<DIV>> -----Original Message----- From: Paul Spencer</DIV>
<DIV>> Sent: Wednesday, February 16, 2011 2:43 PM</DIV>
<DIV>> To: Mihai Visan</DIV>
<DIV>> Subject: Re: [OpenLayers-Users] cluster strategy</DIV>
<DIV>> </DIV>
<DIV>> Mihai, all of your questions have answers in the documentation
...</DIV>
<DIV>> </DIV>
<DIV>> On 2011-02-16, at 7:29 AM, Mihai Visan wrote:</DIV>
<DIV>> </DIV>
<DIV>>> 2. disable cluster strategy at certain zoom level.</DIV>
<DIV>>> Problems: 2.1. I don’t
know how to read current zoom</DIV>
<DIV>> </DIV>
<DIV>>
http://dev.openlayers.org/releases/OpenLayers-2.10/doc/apidocs/files/OpenLayers/Map-js.html#OpenLayers.Map.getZoom</DIV>
<DIV>> </DIV>
<DIV>>>
2.2. I don’t know to disable cluster strategy</DIV>
<DIV>> </DIV>
<DIV>>
http://dev.openlayers.org/releases/OpenLayers-2.10/doc/apidocs/files/OpenLayers/Strategy/Cluster-js.html#OpenLayers.Strategy.Cluster.deactivate</DIV>
<DIV>> </DIV>
<DIV>>> </DIV>
<DIV>>> 3. use (BBOX strategy and) ajax to disable features outside
visible bounds</DIV>
<DIV>>> Problems: 3.1. I don’t know
how to read visible bounds</DIV>
<DIV>> </DIV>
<DIV>>
http://dev.openlayers.org/releases/OpenLayers-2.10/doc/apidocs/files/OpenLayers/Map-js.html#OpenLayers.Map.getExtent</DIV>
<DIV>> </DIV>
<DIV>>>
3.2. I don’t know how to integrate ajax with (BBOX and) mouse drag or zoom
in/out</DIV>
<DIV>> </DIV>
<DIV>>
http://dev.openlayers.org/releases/OpenLayers-2.10/doc/apidocs/files/OpenLayers/Map-js.html#OpenLayers.Map.EVENT_TYPES</DIV>
<DIV>> </DIV>
<DIV>> Cheers</DIV>
<DIV>> </DIV>
<DIV>> Paul </DIV>
<DIV> </DIV></DIV></DIV></BODY></HTML>