2009年11月4日水曜日

OpenLayers 24a Flickr の画像を表示4 - Cluster Strategy1

OpenLayers_workshop.pdf の Clustering (Slide28) を参考に画像を描画します。
ここには次の様に書かれています。(意訳してます)
*****
接近しているポイントは、通常、重なります。高い密度のポイントのある場所では混乱が生じます。
クラスタリングは、接近しているポイントを簡素化してこれを防ぎます。
クラスタリングフィーチャは、レイヤのストラテジリストに、クラスタストラテジを追加することは簡単です。

クラスターは、ポイントが1つのフィーチャ以上表示されることが明らかならスタイル(装飾)されます。
それぞれのフィーチャは、プログラムでアクセスすることができます。
*****

前回のブログ「OpenLayers 23 Flickr の画像を表示3 - BBOX Strategy」のコードに次の様に追加してください。

---
var flickrphotos = new OpenLayers.Layer.Vector("Flickr Photos", {
protocol: new OpenLayers.Protocol.HTTP({
url: "/featureserver112/featureserver.cgi/flickr/all.gml",
format: new OpenLayers.Format.GML()
}),
strategies: [
new OpenLayers.Strategy.BBOX(),
new OpenLayers.Strategy.Cluster() // 追加
],
projection: new OpenLayers.Projection("EPSG:4326")
});
map.addLayer(flickrphotos);
---

Point が重ならないように描画されます。

0 件のコメント: