OpenLayers 3 - 地図上にテキストを表示する、ズームに関連したテキストサイズ

Question

現在、OL3で作業中で、マップ上にテキストを表示しようとしています。問題はありません。ol.styleのtextプロパティを使って表示しています。

私の問題は次のとおりです。このテキストは常に同じサイズです。つまり、最大値をズームしていない場合や最大値をズームしている場合でも、画面上のサイズは同じです。私はそれが拡大中に成長し、縮小しながら地面に対してテキストのサイズを維持するために縮小したい。

私は、次の画像に期待される結果を描いた： Expected result

のアイデアを持つ誰か？たぶんol.styleテキストを使用しないでください？

Answer 1

行く方法はa style functionです。デモfiddleを参照してください。

var style = function() { 
    var zoom = map.getView().getZoom(); 
    var font_size = zoom * 10; // arbitrary value 

    return [ 
    new ol.style.Style({ 
     text: new ol.style.Text({ 
     font: font_size + 'px Calibri,sans-serif', 
     fill: new ol.style.Fill({ color: '#000' }), 
     stroke: new ol.style.Stroke({ 
      color: '#fff', width: 2 
     }), 
     text: 'Some text!' 
     }) 
    }) 
    ]; 
};