Add MVT support

package.json

@@ -74,10 +74,12 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@mapbox/vector-tile": "^2.0.3",
     "@react-three/postprocessing": "^2.16.3",
     "@takram/three-atmosphere": "^0.6.0",
     "@takram/three-geospatial": "^0.0.1-alpha.4",
     "@takram/three-geospatial-effects": "^0.0.1-alpha.4",
+    "pbf": "^4.0.1",
     "postprocessing": "^6.36.4"
   }
 }

src/base/loaders/MVTLoaderBase.d.ts

@@ -0,0 +1,14 @@
+
+
+import { VectorTile } from '@mapbox/vector-tile';
+
+export type MVTBaseResult = {
+	vectorTile: VectorTile
+};
+
+export class MVTLoaderBase {
+
+	load(url: string): Promise<MVTBaseResult>;
+	parse(buffer: ArrayBuffer): Promise<MVTBaseResult>;
+
+}

src/base/loaders/MVTLoaderBase.js

@@ -0,0 +1,16 @@
+// MVT File Format
+// https://github.com/mapbox/vector-tile-spec/blob/master/2.1/README.md
+
+import { LoaderBase } from './LoaderBase.js';
+import { VectorTile } from '@mapbox/vector-tile';
+import Protobuf from 'pbf';
+
+export class MVTLoaderBase extends LoaderBase {
+
+	parse(buffer) {
+		const vectorTile = new VectorTile(new Protobuf(buffer));
+		return Promise.resolve({ vectorTile });
+	}
+
+}
+

src/three/loaders/MVTLoader.d.ts

@@ -0,0 +1,22 @@
+import { MVTBaseResult, MVTLoaderBase } from '../../base/loaders/MVTLoaderBase';
+import { Group, LoadingManager } from 'three';
+
+interface MVTScene extends Group {
+
+	vectorTile: VectorTile
+
+}
+
+export interface MVTResult extends MVTBaseResult {
+
+	scene: MVTScene;
+
+}
+
+export class MVTLoader extends MVTLoaderBase {
+
+	constructor(manager: LoadingManager);
+	load(url: string): Promise<MVTResult>;
+	parse(buffer: ArrayBuffer): Promise<MVTResult>;
+
+}

src/three/loaders/MVTLoader.js

@@ -0,0 +1,33 @@
+
+import {
+	Points,
+	PointsMaterial,
+	BufferGeometry,
+	BufferAttribute,
+	DefaultLoadingManager,
+	Vector3,
+	Color,
+} from 'three';
+
+export class MVTLoader extends MVTLoaderBase {
+
+	constructor(manager = DefaultLoadingManager) {
+
+		super();
+		this.manager = manager;
+
+	}
+
+	parse(buffer) {
+
+		return super.parse(buffer).then(async (result) => {
+
+			const { vectorTile } = result;
+
+			return result;
+
+		});
+
+	}
+
+}