fix: mapbox-gl v3 incompatibility

- Fixes code incompatible with `mapbox-gl` v3.0.1:
    - Renames `Style._getLayerSourceCache` to
      `Style.getOwnLayerSourceCache`
    - Changes the signature of
      `CollisionIndex.projectAndGetPerspectiveRatio`. Expands the second
      parameter to three parameters [x, y, z].

  Updates `calculateCollisionBox` to align with the latest `mapbox-gl`
  code.

issue #3

Author: kikuomax

src/index.ts

@@ -68,7 +68,7 @@ export async function collectCollisionBoxesAndFeatures(
     throw new RangeError(`layer "${layerId}" is not a symbol layer`);
   }
   await waitForPlacement(placement, PLACEMENT_TIMEOUT_IN_MS);
-  const sourceCache = style._getLayerSourceCache(layer);
+  const sourceCache = style.getOwnLayerSourceCache(layer);
   if (sourceCache == null) {
     throw new Error(`no SourceCache available`);
   }

src/private/collision-index.ts

@@ -15,7 +15,7 @@ import {
  *
  * This function mocks the collision box calculation of
  * `CollisionIndex#placeCollisionBox`.
- * https://github.com/mapbox/mapbox-gl-js/blob/e29e113ff5e1f4c073f84b8cbe546006d2fb604f/src/symbol/collision_index.js#L94-L143
+ * https://github.com/mapbox/mapbox-gl-js/blob/922da6dd02dbcc1ccd852cebba8b830a070d46ca/src/symbol/collision_index.js#L90-L140
  *
  * @beta
  */
@@ -36,29 +36,30 @@ export function calculateCollisionBox(
   let anchorY = box.projectedAnchorY;
   let anchorZ = box.projectedAnchorZ;
   const { elevation, tileID } = box;
+  const projection = bucket.getProjection()
   if (elevation && tileID) {
-    const up = bucket
-      .getProjection()
+    const [ux, uy, uz] = projection
       .upVector(tileID.canonical, box.tileAnchorX, box.tileAnchorY);
-    const upScale = bucket
-      .getProjection()
+    const upScale = projection
       .upVectorScale(
         tileID.canonical,
         collisionIndex.transform.center.lat,
         collisionIndex.transform.worldSize,
       )
       .metersToTile;
-    anchorX += up[0] * elevation * upScale;
-    anchorY += up[1] * elevation * upScale;
-    anchorZ += up[2] * elevation * upScale;
+    anchorX += ux * elevation * upScale;
+    anchorY += uy * elevation * upScale;
+    anchorZ += uz * elevation * upScale;
   }
   const checkOcclusion =
     bucket.projection.name === 'globe' ||
     !!elevation ||
     collisionIndex.transform.pitch > 0;
   const projectedPoint = collisionIndex.projectAndGetPerspectiveRatio(
     posMatrix,
-    [anchorX, anchorY, anchorZ],
+    anchorX,
+    anchorY,
+    anchorZ,
     box.tileID,
     checkOcclusion,
     bucket.getProjection(),

src/private/mapbox-types.ts

@@ -33,7 +33,7 @@ declare module 'mapbox-gl' {
     _serializedLayers: { [layerId: string]: StyleLayer };
     _availableImages: string[];
 
-    _getLayerSourceCache(layer: StyleLayer): SourceCache | undefined;
+    getOwnLayerSourceCache(layer: StyleLayer): SourceCache | undefined;
   }
 }
 
@@ -56,7 +56,9 @@ export interface CollisionIndex {
 
   projectAndGetPerspectiveRatio(
     posMatrix: mat4,
-    point: vec3,
+    x: number,
+    y: number,
+    z: number,
     tileID: OverscaledTileID | undefined | null,
     checkOcclusiion: boolean,
     bucketProjection: Projection,