OpenLayers：GeoJsonプロパティをスタイルする方法

Question

こんにちはOpenLayersマップのGeoJsonレイヤーから各ポイントの下にテキストを表示する必要があります。私はGeoJsonソースを持っており、地図上の右の座標に点をプロットすることができます。ポイントの下にテキストを描画したいと思います。テキストはプロパティからのものです。

私にGeoJSONは、このようなものです：

{ "type": "FeatureCollection", 
"features": [ 
    { "type": "Feature", 
    "geometry": {"type": "Point", "coordinates": [102.0, 0.5]}, 
    "properties": {"name": "example text"} 
    }, 
    {... other features ... } 
    ] 
} 

そして、私はポイントの下のテキスト「例文」を表示する必要があります。どうやってするか？

Answer 1

私はこれを行う方法を示すためにhttp://openlayers.org/en/latest/examples/geojson.html?q=GeoJSOnの例を変更しました。 私はいくつかのプロパティを追加するためにGeoJSONデータを変更しました。

フィーチャのプロパティで宣言されたテキストを使用したいので、スタイリングはフィーチャごとに処理する必要があります。

関連するコード：

var styleFunction = function(feature) { 

     var text = new ol.style.Style({ 
      text :new ol.style.Text({ 
       text: feature.getProperties().name,**//this is where the property value used** 
       font: '12px Calibri,sans-serif', 
       weight:'Bold', 
       fill: new ol.style.Fill({ color: '#000' }), 
       stroke: new ol.style.Stroke({ 
        color: '#D3D3D3', width: 10 
       }), 
       offsetX: 30, 
       offsetY: -25, 
       rotation: 0 
      }) 
     }); 
     return [styles[feature.getGeometry().getType()],text]; 
     }; 

ol.style.Textオブジェクトを作成し、ol.Featureスタイルプロパティ（フィーチャースタイリング用とラベルの別）にそのオブジェクトを追加

私はに作業コードを作成しましたプランカ。このlinkを通過してください。