From a0de38c1f38e1e84a6b1d61f8ee2bd85f27366dd Mon Sep 17 00:00:00 2001 From: ahocevar Date: Sun, 20 Jan 2019 23:43:01 +0100 Subject: [PATCH 1/2] Use a more resource demanding mapbox style --- examples/mapbox-style.js | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/mapbox-style.js b/examples/mapbox-style.js index 75d7817435..85bb226472 100644 --- a/examples/mapbox-style.js +++ b/examples/mapbox-style.js @@ -1,3 +1,3 @@ import apply from 'ol-mapbox-style'; -apply('map', 'https://maps.tilehosting.com/styles/bright/style.json?key=ER67WIiPdCQvhgsUjoWK'); +apply('map', 'https://maps.tilehosting.com/styles/topo/style.json?key=ER67WIiPdCQvhgsUjoWK'); diff --git a/package.json b/package.json index c79de06a45..66760282ac 100644 --- a/package.json +++ b/package.json @@ -75,7 +75,7 @@ "loglevelnext": "^3.0.0", "marked": "0.6.0", "mocha": "5.2.0", - "ol-mapbox-style": "^3.6.2", + "ol-mapbox-style": "^3.6.3", "pixelmatch": "^4.0.2", "pngjs": "^3.3.3", "proj4": "2.5.0", From cd6d195e3fe11ba139546bcc0718dfceab3ef60b Mon Sep 17 00:00:00 2001 From: ahocevar Date: Sun, 20 Jan 2019 23:44:28 +0100 Subject: [PATCH 2/2] Render whole image queue in hifi mode to avoid extra render cycles --- src/ol/renderer/canvas/VectorTileLayer.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/ol/renderer/canvas/VectorTileLayer.js b/src/ol/renderer/canvas/VectorTileLayer.js index 9929c3fe9f..b9dd43c86c 100644 --- a/src/ol/renderer/canvas/VectorTileLayer.js +++ b/src/ol/renderer/canvas/VectorTileLayer.js @@ -524,12 +524,10 @@ class CanvasVectorTileLayerRenderer extends CanvasTileLayerRenderer { * @param {import('../../PluggableMap.js').FrameState} frameState Frame state. */ renderTileImages_(hifi, frameState) { - // Even when we have time to render hifi, do not spend more than 100 ms in this render frame, - // to avoid delays when the user starts interacting again with the map. - // When we don't have time to render hifi, only render lowres tiles until we have used up + // When we don't have time to render hifi, only render tiles until we have used up // half of the frame budget of 16 ms for (const uid in this.renderTileImageQueue_) { - if (Date.now() - frameState.time > (hifi ? 100 : 8)) { + if (!hifi && Date.now() - frameState.time > 8) { break; } const tile = this.renderTileImageQueue_[uid];