Tilesplitter example

tilesplitter.js

interface TileCoords {
    x: number;
    y: number;
    z: number;
}
const getParentTileCoords = (childTile: TileCoords, parentLevel: number): TileCoords => {
    const deltaZ = childTile.z - parentLevel;
    const scale = Math.pow(2, deltaZ);
    return {
        'x': Math.floor(childTile.x / scale),
        'y': Math.floor(childTile.y / scale),
        'z': parentLevel,
    };
}

const buildTileURL = (template: string, tileCoords: TileCoords): string => {
    return template
        .replace('[[x]]', `${tileCoords.x}`)
        .replace('[[y]]', `${tileCoords.y}`)
        .replace('[[z]]', `${tileCoords.z}`);
}