Openlayers 3：機能にテキストラベルを追加

Question

私は現在の設定をfully functional fiddle exampleとしていますが、各ポリゴンフィーチャをズームして管理していますが、それぞれに集中テキストラベルを表示したいと思います... field_title変数が見つかりました方法はget_fieldsです。私はこれをどうやってやるべきかわからず、私のグーグル・グーグル・グーグルはすべてこの記事を読んでいます：http://openlayers.org/en/v3.3.0/examples/vector-labels.html私はまったく新しくOLになってしまいました。

Answer 1

あなたはstyle function（つまり機能から説明を取得し、それを表示します）での機能の記述とset a style格納するol.Featureにテキストを追加するには：

field_polygon.set('description', field_title); 
field_polygon.setStyle(styleFunction); 

function styleFunction() { 
    return [ 
    new ol.style.Style({ 
     fill: new ol.style.Fill({ 
     color: 'rgba(255,255,255,0.4)' 
     }), 
     stroke: new ol.style.Stroke({ 
     color: '#3399CC', 
     width: 1.25 
     }), 
     text: new ol.style.Text({ 
     font: '12px Calibri,sans-serif', 
     fill: new ol.style.Fill({ color: '#000' }), 
     stroke: new ol.style.Stroke({ 
      color: '#fff', width: 2 
     }), 
     // get the text from the feature - `this` is ol.Feature 
     // and show only under certain resolution 
     text: map.getView().getZoom() > 12 ? this.get('description') : '' 
     }) 
    }) 
    ]; 
} 

Your fiddleを。