3

玩弄 ol3 来创建一些自定义地图。

我拖放从 Google Mymaps 导出的 KML 文件,效果很好。我想获得它附带的样式,以便我可以更改它们,例如笔触颜色。

我看到使用feature.getKeys有一个名为 styleUrl 的键,使用feature.get('styleUrl')我看到它的值是#style5

我怎样才能从那种风格中获得笔触颜色?

我用 Chrome 控制台浏览了所有我能想到的东西,但无济于事。

4

1 回答 1

0

实际样式保存在 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;
});

上面的示例代码没有处理样式,但它是一个很好的开始,它会显示样式的笔触颜色。

于 2015-07-26T21:37:25.630 回答