read and set features in custom tileLoadFunction

examples/geojson-vt.js

@@ -72,24 +72,20 @@ fetch(url)
       extent: 4096,
       debug: 1,
     });
-    const vectorSource = new VectorTileSource({
+    const format = new GeoJSON({
-      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) {
-    // For tile loading obtain the GeoJSON for the tile coordinate
-    // before calling the default tileLoadFunction
-    const defaultTileLoadFunction = vectorSource.getTileLoadFunction();
-    vectorSource.setTileLoadFunction(function (tile, url) {
         const tileCoord = JSON.parse(url);
         const data = tileIndex.getTile(tileCoord[0], tileCoord[1], tileCoord[2]);
         const geojson = JSON.stringify(
@@ -99,10 +95,12 @@ fetch(url)
           },
           replacer
         );
-      defaultTileLoadFunction(
+        const features = format.readFeatures(geojson, {
-        tile,
+          extent: vectorSource.getTileGrid().getTileCoordExtent(tileCoord),
-        'data:application/json;charset=UTF-8,' + geojson
+          featureProjection: map.getView().getProjection()
-      );
+        });
+        tile.setFeatures(features);
+      },
     });
     const vectorLayer = new VectorTileLayer({
       source: vectorSource,