openlayers-3 - 获取ol3中拖放kml文件的样式

Question

用 ol3 来创建一些自定义 map 。

我拖放一个从 Google Mymaps 导出的 KML 文件，效果非常好。我想要获取它附带的样式，这样我就可以更改它们，例如描边颜色。

我使用 feature.getKeys 看到有一个名为 styleUrl 的键，使用 feature.get('styleUrl') 我看到它的值为 #风格5.

如何从该样式中获取描边颜色？

我已经用 Chrome 控制台尝试了所有我能想到的东西，但都无济于事。

Answer 1

实际样式保存在 KML 格式的对象中，并通过它在要素上设置的样式函数作为闭包进行访问。这意味着样式本身无法访问。

但是，您仍然可以访问和操作样式值。该功能的 getStyle 方法将返回样式、样式数组或样式函数。在这种情况下，KML 格式设置样式函数。

使用给定的分辨率调用此函数并返回样式数组。如果您确定样式是静态的并且不依赖于分辨率，则可以仅使用任意分辨率调用样式函数来获取样式。

但是，如果您不确定样式函数如何确定返回值，您可以创建一个中间样式函数:

var oldStyleFunction = feature.getStyle();
feature.setStyle(function(resolution){
    var styles = oldStyleFunction.apply(this, arguments);
    for(var i = 0; i < styles.length; i++){
        var stroke = styles[i].getStroke();
        if (stroke != null) {
            console.log('style ' + i + ' stroke color: ' + stroke.getColor() + ' at resolution ' + resolution)
        }
    }
    return styles;
});

上面的示例代码不会操作样式，但它是一个很好的开始，并将向您显示样式描边颜色。