fix(landing): locate button does not work in nztm so disable it (#2140)

linz · Apr 5, 2022 · 957b612 · 957b612
1 parent 293a14b
commit 957b612
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/packages/landing/src/components/map.tsx b/packages/landing/src/components/map.tsx
@@ -16,6 +16,8 @@ export class Basemaps extends Component<unknown, { isLayerSwitcherEnabled: boole
   /** Ignore the location updates */
   ignoreNextLocationUpdate = false;
 
+  controlGeo: maplibre.GeolocateControl | null;
+
   updateLocation = (): void => {
     if (this.ignoreNextLocationUpdate) {
       this.ignoreNextLocationUpdate = false;
@@ -51,7 +53,23 @@ export class Basemaps extends Component<unknown, { isLayerSwitcherEnabled: boole
     this.map.fitBounds(bounds);
   };
 
+  /**
+   * Only show the geocontrol on GoogleTMS
+   * As it does not work with the projection logic we are currently using
+   */
+  ensureGeoControl(): void {
+    if (Config.map.tileMatrix === GoogleTms) {
+      if (this.controlGeo != null) return;
+      this.controlGeo = new maplibre.GeolocateControl({});
+      this.map.addControl(this.controlGeo);
+    } else {
+      if (this.controlGeo == null) return;
+      this.map.removeControl(this.controlGeo);
+    }
+  }
+
   updateStyle = (): void => {
+    this.ensureGeoControl();
     const tileGrid = getTileGrid(Config.map.tileMatrix.identifier);
     const style = tileGrid.getStyle(Config.map.layerId, Config.map.style);
     this.map.setStyle(style);
@@ -89,7 +107,6 @@ export class Basemaps extends Component<unknown, { isLayerSwitcherEnabled: boole
     const nav = new maplibre.NavigationControl({ visualizePitch: true });
     this.map.addControl(nav, 'top-left');
 
-    this.map.addControl(new maplibre.GeolocateControl({}));
     this.map.addControl(new maplibre.FullscreenControl({ container: this.el }));
 
     this.map.on('render', this.onRender);