打开第 3 层标签不会显示

Question

我正在尝试让我的地图显示标签。但是我的地图上没有显示任何文字。没有错误。以下是我创建样式的方法：

labelItem = {name: "name1", font: "arial", fontSize: 20}
computeFeatureStyle = function(labelItem) {
    return new ol.style.Style(
        {   
            stroke: new ol.style.Stroke({
                color: 'black'
            }),
            text: new ol.style.Text(
                {
                    font: labelItem.fontSize + "px helvetica," + labelItem.font,
                    text: labelItem.name,
                    fill: new ol.style.Fill(
                        {
                            color: "#000" //labelItem.fill_color
                        }),
                    stroke: new ol.style.Stroke(
                        {
                            color: "#fff", //labelItem.stroke_color,
                            width: 2
                        }),
                })
        });
};

这里我创建图层对象：

labelData = [{name: "name1", font: "arial", fontSize: 20}]
createLabelLayer = function() {
    // Geometries
    // Source and vector layer
    var vectorSource = new ol.source.Vector({ projection: 'EPSG:4326' });
    var layer = new ol.layer.Vector({ source: vectorSource });
    var labelFeatures = [];
    for(var i = 0; i < labelData.length; ++i ) {
        var labelItem = labelData[i];
        var point = new ol.geom.Point(convertCoordinateToWeb( Ext.getCmp("map").map.getView().getCenter()) );
        var feature = new ol.Feature({
                                         geometry: point,
                                         name: labelItem.name
                                     });
        feature.setStyle([this.computeFeatureStyle(labelItem)]);
        vectorSource.addFeature( feature );
    }
    vectorSource.addFeatures(labelFeatures);

    return layer
};

这是我的矢量图层。我做了 map.addLayer(layer) 但是标签不会显示在地图上。我做错了什么？

我也试过将样式对象直接添加到向量中： layer.setStyle(computeFeatureStyle(labelItem))，还是不行

Answer 1

调试代码的最佳方法是将其展开一点。例如，不是直接在样式函数中 returning 样式，而是先将其放入变量中。然后，在您最喜欢的浏览器开发人员工具中，在您 return 样式的行中放置一个断点。它可以让你窥探样式的内容，看看那里是否有问题。

此外，检查 'static' 值是否有效。硬编码您期望的结果值，只是为了测试。

您可以看看下面的例子，这也有帮助：http://openlayers.org/en/v3.3.0/examples/vector-labels.html

打开第 3 层标签不会显示

Open Layers 3 Labels won't show

javascript

labels

openlayers-3