Geoserver 2.10 Openlayers 3 TextSymbolizerラベルが表示されない

geoserverとsldを初めて使用しています。 OSMベースレイヤーの上に2つのレイヤーがあります。 1つはヒートマップを作成し、もう1つはラベルを作成するためのものです。私のヒートマップとベースレイヤーはうまく表示されていますが、ラベルテキストはオープンレイヤーに表示されません。ジオサーバでプレビューするとうまく表示されますが、javascriptでレンダリングしようとするとズームアウトにのみ表示されます。私はこの問題についてオンラインで何かを見つけることができない。ここGeoserver 2.10 Openlayers 3 TextSymbolizerラベルが表示されない

はSLDである：ここ

<FeatureTypeStyle> 
     <Rule> 
      <Name>AQI text</Name> 
      <Title>AQI Text</Title> 
      <Abstract>AQI information</Abstract> 
      <TextSymbolizer> 
       <label> 
        <ogc:PropertyName>aqi</ogc:PropertyName> 
      </label> 
     </TextSymbolizer> 
     </Rule> 
     </FeatureTypeStyle>

はgeoserverのプレビューのスナップショットである：ここ

のJavaScript OpenLayersをコードです：

ここ

var londonLonLat = [-0.118092, 51.509865]; 
    var londonWebMercator = ol.proj.fromLonLat(londonLonLat); 

    var layers = [ 
     new ol.layer.Tile({ 
      source: new ol.source.OSM() 
     }), 
     new ol.layer.Image({ 
      //extent: [-13884991, 2870341, -7455066, 6338219], 
      source: new ol.source.ImageWMS({ 
      url: 'http://159.203.81.20:8080/geoserver/wms', 
      params: {'LAYERS': 'tiger:shapefile'}, 
      serverType: 'geoserver' 
      }) 
     }), 

     new ol.layer.Image({ 
      //extent: [-13884991, 2870341, -7455066, 6338219], 
      source: new ol.source.ImageWMS({ 
      url: 'http://159.203.81.20:8080/geoserver/wms', 
      params: {'LAYERS': 'test2:test_text_layer'}, 
      serverType: 'geoserver' 
      }) 
     }) 
     ]; 
     var map = new ol.Map({ 
     layers: layers, 
     target: 'map', 
     view: new ol.View({ 
      center: londonWebMercator, 
      zoom: 10 
     }) 
     });

このページのスナップショット：

ここ