ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #10937 from mike-000/patch-12

Browse Source 
Use the tile coordinate as a tile pseudo URL in geojson-vt example
This commit is contained in:
Andreas Hocevar
2020-04-17 10:51:42 +02:00
committed by GitHub
parent 12043e147c 6519b54647
commit f58bfa4438
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
examples/geojson-vt.js
View File

@@ -72,16 +72,21 @@ fetch(url)
extent: 4096,
debug: 1,
});
const vectorSource = new VectorTileSource({
format: new GeoJSON({
// Data returned from geojson-vt is in tile pixel units
dataProjection: new Projection({
code: 'TILE_PIXELS',
units: 'tile-pixels',
extent: [0, 0, 4096, 4096],
}),
const format = new GeoJSON({
// Data returned from geojson-vt is in tile pixel units
dataProjection: new Projection({
code: 'TILE_PIXELS',
units: 'tile-pixels',
extent: [0, 0, 4096, 4096],
}),
});
const vectorSource = new VectorTileSource({
tileUrlFunction: function (tileCoord) {
// Use the tile coordinate as a pseudo URL for caching purposes
return JSON.stringify(tileCoord);
},
tileLoadFunction: function (tile, url) {
const tileCoord = JSON.parse(url);
const data = tileIndex.getTile(
tileCoord[0],
tileCoord[1],
@@ -94,7 +99,11 @@ fetch(url)
},
replacer
);
return 'data:application/json;charset=UTF-8,' + geojson;
const features = format.readFeatures(geojson, {
extent: vectorSource.getTileGrid().getTileCoordExtent(tileCoord),
featureProjection: map.getView().getProjection(),
});
tile.setFeatures(features);
},
});
const vectorLayer = new VectorTileLayer({