縮放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());
});