diff --git a/rendering/cases/format-mvt-geojson/expected.png b/rendering/cases/format-mvt-geojson/expected.png new file mode 100644 index 0000000000..432f88face Binary files /dev/null and b/rendering/cases/format-mvt-geojson/expected.png differ diff --git a/rendering/cases/format-mvt-geojson/main.js b/rendering/cases/format-mvt-geojson/main.js new file mode 100644 index 0000000000..711214dff5 --- /dev/null +++ b/rendering/cases/format-mvt-geojson/main.js @@ -0,0 +1,47 @@ +import {Feature, Map, View} from '../../../src/ol/index.js'; +import {GeoJSON, MVT} from '../../../src/ol/format.js'; +import {VectorTile as VectorTileLayer} from '../../../src/ol/layer.js'; +import {VectorTile as VectorTileSource} from '../../../src/ol/source.js'; +import {fromLonLat} from '../../../src/ol/proj.js'; + +const center = fromLonLat([0.26, 24.08]); + +const map = new Map({ + layers: [ + new VectorTileLayer({ + source: new VectorTileSource({ + format: new MVT(), + url: '/data/{z}-{x}-{y}.mvt', + minZoom: 7, + maxZoom: 7, + }), + }), + new VectorTileLayer({ + source: new VectorTileSource({ + format: new MVT({ + featureClass: Feature, + }), + url: '/data/{z}-{x}-{y}.mvt', + minZoom: 7, + maxZoom: 7, + }), + }), + new VectorTileLayer({ + source: new VectorTileSource({ + format: new GeoJSON(), + url: '/data/{z}-{x}-{y}.geojson', + minZoom: 7, + maxZoom: 7, + }), + }), + ], + target: 'map', + view: new View({ + center: center, + zoom: 10, + }), +}); + +map.getTargetElement().style.background = 'gray'; + +render(); diff --git a/rendering/data/7-64-55.geojson b/rendering/data/7-64-55.geojson new file mode 100644 index 0000000000..a52212c2cb --- /dev/null +++ b/rendering/data/7-64-55.geojson @@ -0,0 +1,11 @@ +{ +"type": "FeatureCollection", +"name": "7-64-55", +"features": [ +{ "type": "Feature", "properties": { "mvt_id": 1 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 0.11810302734375, 24.046463999666589 ], [ 0.237579345703125, 24.046463999666589 ], [ 0.237579345703125, 23.956136333969283 ], [ 0.11810302734375, 23.956136333969283 ], [ 0.11810302734375, 24.046463999666589 ] ], [ [ 0.153121948242188, 24.01949779624486 ], [ 0.153121948242188, 23.979978958263413 ], [ 0.2032470703125, 23.979978958263413 ], [ 0.2032470703125, 24.01949779624486 ], [ 0.153121948242188, 24.01949779624486 ] ] ] ] } }, +{ "type": "Feature", "properties": { "mvt_id": 26 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 0.293197631835938, 24.036430724667376 ], [ 0.389328002929688, 24.036430724667376 ], [ 0.3570556640625, 23.95864629158493 ], [ 0.260238647460938, 23.95864629158493 ], [ 0.293197631835938, 24.036430724667376 ] ], [ [ 0.342636108398438, 24.0332951655089 ], [ 0.32684326171875, 23.988761970899695 ], [ 0.352935791015625, 23.988761970899695 ], [ 0.369415283203125, 24.0332951655089 ], [ 0.342636108398438, 24.0332951655089 ] ], [ [ 0.291824340820312, 24.018870607907278 ], [ 0.291824340820312, 23.971195346707443 ], [ 0.319290161132813, 23.971195346707443 ], [ 0.319290161132813, 24.018870607907278 ], [ 0.291824340820312, 24.018870607907278 ] ] ] ] } }, +{ "type": "Feature", "properties": { "mvt_id": 30 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 0.287704467773438, 24.219414393426444 ], [ 0.350875854492188, 24.219414393426444 ], [ 0.33233642578125, 24.147380157655896 ], [ 0.268478393554688, 24.147380157655896 ], [ 0.287704467773438, 24.219414393426444 ] ] ], [ [ [ 0.3460693359375, 24.166802085303235 ], [ 0.372848510742188, 24.166802085303235 ], [ 0.383148193359375, 24.144873887414654 ], [ 0.355682373046875, 24.144873887414654 ], [ 0.3460693359375, 24.166802085303235 ] ] ], [ [ [ 0.352249145507812, 24.218161971731128 ], [ 0.377655029296875, 24.218161971731128 ], [ 0.383834838867187, 24.186847428521244 ], [ 0.358428955078125, 24.186847428521244 ], [ 0.352249145507812, 24.218161971731128 ] ] ] ] } }, +{ "type": "Feature", "properties": { "mvt_id": 33 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 0.10986328125, 24.168055011483165 ], [ 0.199813842773438, 24.168055011483165 ], [ 0.199813842773438, 24.075305297879073 ], [ 0.10986328125, 24.075305297879073 ], [ 0.10986328125, 24.168055011483165 ] ] ], [ [ [ 0.202560424804687, 24.16742854993004 ], [ 0.240325927734375, 24.16742854993004 ], [ 0.240325927734375, 24.128581933124689 ], [ 0.202560424804687, 24.128581933124689 ], [ 0.202560424804687, 24.16742854993004 ] ] ] ] } }, +{ "type": "Feature", "properties": { "mvt_id": 48 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 0.268478393554688, 24.136101554583817 ], [ 0.336456298828125, 24.136101554583817 ], [ 0.31585693359375, 24.047718103928766 ], [ 0.247879028320312, 24.047718103928766 ], [ 0.268478393554688, 24.136101554583817 ] ], [ [ 0.27191162109375, 24.123568606548453 ], [ 0.27191162109375, 24.07279761626851 ], [ 0.31585693359375, 24.07279761626851 ], [ 0.31585693359375, 24.123568606548453 ], [ 0.27191162109375, 24.123568606548453 ] ] ], [ [ [ 0.328216552734375, 24.077812930451806 ], [ 0.357742309570313, 24.077812930451806 ], [ 0.3680419921875, 24.05085331099432 ], [ 0.339202880859375, 24.05085331099432 ], [ 0.328216552734375, 24.077812930451806 ] ] ] ] } } +] +} diff --git a/rendering/data/7-64-55.mvt b/rendering/data/7-64-55.mvt new file mode 100644 index 0000000000..f399c4c6bf Binary files /dev/null and b/rendering/data/7-64-55.mvt differ