javascript - Geoserver 2.10 Openlayers 3 TextSymbolizer 标签未显示

Question

我是geoserver和sld的新手。我的 OSM 基础层之上有 2 层。一个用于创建热图，一个仅用于标签。我的热图和基础层渲染良好，但标签文本未显示在 openlayers 中。当我在 geoserver 中预览它时，它显示得很好，但是当我尝试用 javascript 渲染它时，它只在缩小时显示。我似乎无法在网上找到有关此问题的任何信息。

这是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
        })
      });

这是页面的快照：

这是缩小的快照：

Answer 1

通过更改投影来修复它：

Answer 2

通过将预定义的边界点（如锚点）添加到我的数据库中，然后将这些点作为我的边界框提供给 geoserver，解决了类似的问题：

• 创建 4 个点（例如：North, South, East, West），这将定义一个足够大的框来容纳所有数据的可视化。
• 在地理管理员中找到您的图层bounding box并选择从数据中计算。
• 在您的sld中，您可以定义一个规则以使这些边界点不可见。

这将重新计算地理服务器将在任何投影中显示您的数据的边界框。