缩放OpenLayers3地图以覆盖多个矢量图层

Question

我有一个OpenLayers3地图，包含一个OSM Tile图层和一个或多个Vector图层。 我可以使用将地图缩放为单个图层

vector.addEventListener("change", function() {
    map.getView().fitExtent(vectorSource.getExtent(), map.getSize());
});

这很有效。 但是，如果我尝试在添加图层的循环中使用以下内容缩放以覆盖多个图层

vector.addEventListener("change", function () {
    if (bounds == null) {
        bounds = vectorSource.getExtent();
    } else {
        bounds = bounds.extend(vectorSource.getExtent());
    }
    map.getView().fitExtent(bounds, map.getSize());
});

如果在循环外声明了边界，那么具有单个图层的地图将继续工作。 但是，如果有多个图层，则else块中的代码会给出错误“undefined is not a function”。

根据文档getExtent（）返回一个extent对象 ， 而extent对象有一个extend方法 ，所以我不确定为什么会出现这个错误。

Answer 1

在我解决问题时回答了自己的问题。 我错误地使用了扩展。 正确的代码是：

vector.addEventListener("change", function () {
    if (bounds == null) {
        bounds = vectorSource.getExtent();
    } else {
        bounds = ol.extent.extend(bounds, vectorSource.getExtent());
    }
    map.getView().fitExtent(bounds, map.getSize());
});