OpenLayers 3機能のサイズを変更する

Question

自分のアプリケーションにOpenLayers 3とOpenStreetMapを使用しています。 マップ上に円ベクトルを描画してマーカーを描くことができましたが、ズームインとズームアウト時にサークルのサイズが常に同じであるという問題があります。 解像度に応じてベクターのサイズを変更するにはどうすればよいですか？ここで

は私のベクトルの定義である：

var dealerSource = new ol.source.Vector(); 
function dealerStyle(feature) { 
    var style = new ol.style.Style({ 
     image: new ol.style.Circle({ 
      radius: 6, 
      stroke: new ol.style.Stroke({ 
       color: 'white', 
       width: 2 
      }), 
      anchor: [1.5, 1.5], 
      fill: new ol.style.Fill({ 
       color: 'green' 
      }) 
     }) 
    }); 
    return [style]; 
} 

Answer 1

（それはあなたが何をしたいの場合）あなたは、ズームレベルに応じて

var dealerSource = new ol.source.Vector(); 
function dealerStyle(feature) { 
    var style = new ol.style.Style({ 
     image: new ol.style.Circle({ 
      radius: map.getView().getZoom(), 
      stroke: new ol.style.Stroke({ 
       color: 'white', 
       width: 2 
      }), 
      anchor: [1.5, 1.5], 
      fill: new ol.style.Fill({ 
       color: 'green' 
      }) 
     }) 
    }); 
    return [style]; 
} 

getZoom（）のリターンをあなたの円の大きさを変更することができますあなたのマップのズームレベルを数字で表示したり、サークルの希望のサイズに合わせて変換を行うことができます。それは数を返す）あなたも（getResolutionを使用することができます

yourMaxZoomLevel - map.getView().getZoom() 

：大きなズームレベルを超える大きなサークルは、あなたがして値を置き換えることができます逆を行うために、描画されますされていることを

注意