ズームレベルに基づいて機能を表示する

Question

私はopenlayersライブラリを初めて使用しています。質問があります。私はたくさんの機能をレンダリングし、マップがズームアウトされると機能が互いにオーバーレイします。これは、最初のスクリーンショットで見られるように、かなり醜いです。私はズームアウトされたマップ（最初のスクリーン）をすべてのズームレベルでズームインマップ（2番目のスクリーン）のように見せたいです。それを実装する最も一般的な方法は何でしょうか？ここ

Answer 1

クラスタマップ層からグループ機能を検出し、グループオブジェクトの個別オブジェクトと円のために四角形を描画形式の関数の例である：

var styleFunction = function() { 
    return function(feature,resolution) { 
    var style; 
    var radius; 
    var offsetY = -26; 
    var gotGroup = false; 

    var features = feature.get('features'); 

    if (features.length == 1) { //length = 1 - individual object instead of combo object 
     style = new ol.style.Style({ 
     image: new ol.style.RegularShape({ 
     radius: 10, 
     points: 4, 
     angle: Math.PI/4, 
     fill: createFillStyle(feature), 
     stroke: createStrokeStyle(feature,resolution,props) 
     }), 
     text: createTextStyle(feature, resolution, props) 
     }); 
    } else { 
     var rad = 11; 
     if (features.length > 1) { //If group of features increase radius of object 
     rad = 12; 
     gotGroup = true; 
     } 
     style = new ol.style.Style({ 
     image: new ol.style.Circle({ 
     radius: rad, 
     fill: createFillStyle(feature), 
     stroke: createStrokeStyle(feature,resolution,props) 
     }), 
     text: createTextStyle(feature, resolution, props) 
    }); 
    } 
    return [style]; 
}; 
}; 

これはあなたのプロジェクトに役立つことを願っています