GlobeView reprojection issue at low zooms?

[charlieforward9]

Screen.Recording.2025-11-08.at.11.59.58.AM.mov

using: _GlobeView({resolution: 0.1}) and TileLayer using an overlaid approach.

[charlieforward9]

I managed to fix this by adding the tileSize: 512 line... not sure why this works, but it did.

return new TileLayer({
        id: "labels-layer-3d",
        data: `https://api.mapbox.com/styles/v1/mapbox/light-v11/tiles/{z}/{x}/{y}@2x?access_token=${MAPBOX_TOKEN}`,
        minZoom: 8,
        maxZoom: 18,
        tileSize: 512, // Added this 
        renderSubLayers: (props) => {
          const { boundingBox } = props.tile;

          return new BitmapLayer(props, {
            id: `${props.id}-bitmap`,
            data: undefined,
            image: props.data,
            bounds: [
              boundingBox[0][0],
              boundingBox[0][1],
              boundingBox[1][0],
              boundingBox[1][1],
            ],
            // Critical for 3D: ensure labels render above 3D tiles
            coordinateSystem: 1, // COORDINATE_SYSTEM.CARTESIAN
            modelMatrix: null,
            // Transparency to blend with 3D tiles
            opacity: 0.8,
            extensions: [new _TerrainExtension()],
          });
        },
        pickable: false,
        extensions: [new _TerrainExtension()],
        onError: (error) => console.error("3D LabelsLayer error:", error),
      });