I'm currently working on a project that involves the creation of vector tiles from geojson files. These vector tiles are then displayed using Mapbox GL JS.
Recently, we've ran into an issue where some features appears to be dropped in some of the tiles and not in others.
You can see the clipping ocurring here:
Compared to on-the-fly geojson slicing:
To generate the tiles, we're using:
https://github.com/mapbox/mapbox-tile-copy
Which generates and syncs them directly to an s3 bucket.
I'm curious if anyone has run into a similar issue and might be able to point me in the right direction.
Here is an example script I've used to reproduce the issue:
var mbTileCopy = require('mapbox-tile-copy');
var file = './6528b73b07ea6ddd2709e279c0f72ca8';
var uri = 's3://test/test_tiles_4/{z}/{x}/{y}.pbf?timeout=10000';
mbTileCopy(file, uri, {
minzoom: 8,
maxzoom: 18,
retry: 3
}, function(err) {
console.log(err);
});
And a copy of one of the geojson files that it is occurring with:
https://www.dropbox.com/s/4icn8n6cgljgeu3/6528b73b07ea6ddd2709e279c0f72ca8-test?dl=0
I've tried rendering the tiles using a couple different solutions, and it definitely appears to be related to how the tiles are being generated.