progress

website/src/lib/components/map/street-view-control/Google.ts

@@ -0,0 +1,33 @@
+import { resetCursor, setCrosshairCursor } from '$lib/utils';
+import type mapboxgl from 'mapbox-gl';
+
+export class GoogleRedirect {
+    map: mapboxgl.Map;
+    enabled = false;
+
+    constructor(map: mapboxgl.Map) {
+        this.map = map;
+    }
+
+    add() {
+        if (this.enabled) return;
+
+        this.enabled = true;
+        setCrosshairCursor();
+        this.map.on('click', this.openStreetView);
+    }
+
+    remove() {
+        if (!this.enabled) return;
+
+        this.enabled = false;
+        resetCursor();
+        this.map.off('click', this.openStreetView);
+    }
+
+    openStreetView(e) {
+        window.open(
+            `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${e.lngLat.lat},${e.lngLat.lng}`
+        );
+    }
+}