Class PMTilesVectorSource

openlayers/src/index.ts:68–141

}

export class PMTilesVectorSource extends VectorTileSource {
  pmtiles_: PMTiles;

  tileLoadFunction = (tile: Tile, url: string) => {
    const vtile = tile as VectorTile;
    // the URL construction is done internally by OL, so we need to parse it
    // back out here using a hacky regex
    const re = new RegExp(/pmtiles:\/\/(\d+)\/(\d+)\/(\d+)/);
    const result = url.match(re);

    if (!(result && result.length >= 4)) {
      throw Error("Could not parse tile URL");
    }
    const z = +result[1];
    const x = +result[2];
    const y = +result[3];

    vtile.setLoader(
      (extent: Extent, resolution: number, projection: Projection) => {
        this.pmtiles_
          .getZxy(z, x, y)
          .then((tile_result) => {
            if (tile_result) {
              const format = vtile.getFormat();
              vtile.setFeatures(
                format.readFeatures(tile_result.data, {
                  extent: extent,
                  featureProjection: projection,
                }),
              );
              vtile.setState(TileState.LOADED);
            } else {
              vtile.setFeatures([]);
              vtile.setState(TileState.EMPTY);
            }
          })
          .catch((err) => {
            vtile.setFeatures([]);
            vtile.setState(TileState.ERROR);
          });
      },
    );
  };

  constructor(
    options: VectorTileSourceOptions<RenderFeature> & { url: string | Source },
  ) {
    super({
      ...options,
      ...{
        state: "loading",
        url: "pmtiles://{z}/{x}/{y}",
        format: options.format || new MVT(),
      },
    });

    this.pmtiles_ = new PMTiles(options.url);
    this.pmtiles_.getHeader().then((h: Header) => {