diff --git a/rendering/cases/layer-vectortile-simple/expected.png b/rendering/cases/layer-vectortile-simple/expected.png new file mode 100644 index 0000000000..36f239e7f6 Binary files /dev/null and b/rendering/cases/layer-vectortile-simple/expected.png differ diff --git a/rendering/cases/layer-vectortile-simple/main.js b/rendering/cases/layer-vectortile-simple/main.js new file mode 100644 index 0000000000..c1e564c9da --- /dev/null +++ b/rendering/cases/layer-vectortile-simple/main.js @@ -0,0 +1,26 @@ +import Map from '../../../src/ol/CompositeMap.js'; +import View from '../../../src/ol/View.js'; +import VectorTileSource from "../../../src/ol/source/VectorTile"; +import MVT from "../../../src/ol/format/MVT"; +import {createXYZ} from "../../../src/ol/tilegrid"; +import VectorTileLayer from "../../../src/ol/layer/VectorTile"; + +new Map({ + layers: [ + new VectorTileLayer({ + source: new VectorTileSource({ + format: new MVT(), + tileGrid: createXYZ(), + url: '/data/tiles/mvt/{z}-{x}-{y}.vector.pbf', + transition: 0 + }) + }) + ], + target: 'map', + view: new View({ + center: [1825927.7316762917, 6143091.089223046], + zoom: 14 + }) +}); + +render({message: 'Vector tile layer renders'}); diff --git a/rendering/data/tiles/mvt/14-8938-5680.vector.pbf b/rendering/data/tiles/mvt/14-8938-5680.vector.pbf new file mode 100644 index 0000000000..0ed0c1ee24 Binary files /dev/null and b/rendering/data/tiles/mvt/14-8938-5680.vector.pbf differ diff --git a/test/rendering/ol/layer/vectortile.test.js b/test/rendering/ol/layer/vectortile.test.js index d7ff102877..96b8d39ed0 100644 --- a/test/rendering/ol/layer/vectortile.test.js +++ b/test/rendering/ol/layer/vectortile.test.js @@ -76,14 +76,6 @@ describe('ol.rendering.layer.VectorTile', function() { }); }); - it('renders correctly with the canvas renderer', function(done) { - createMap(); - waitForTiles(source, {}, function() { - expectResemble(map, 'rendering/ol/layer/expected/vectortile-canvas.png', - 22, done); - }); - }); - it('renders rotated view correctly with the canvas renderer', function(done) { createMap(); map.getView().setRotation(Math.PI / 4);