Fix hidden coordinate panel when longitude is 0

ndsev · Jan 27, 2025 · e089fd1 · e089fd1
1 parent 2e57c7e
commit e089fd1
Showing 1 changed file with 27 additions and 21 deletions.
diff --git a/erdblick_app/app/coordinates.panel.component.ts b/erdblick_app/app/coordinates.panel.component.ts
@@ -21,8 +21,7 @@ interface PanelOption {
                       [style]="{'padding-left': '0', 'padding-right': '0', width: '2em', height: '2em', 'box-shadow': 'none'}">
                 <span class="material-icons" style="font-size: 1.2em; margin: 0 auto;">{{ markerButtonIcon }}</span>
             </p-button>
-            <p-card *ngIf="longitude && latitude" xmlns="http://www.w3.org/1999/html"
-                    class="coordinates-panel">
+            <p-card *ngIf="longitude !== undefined && latitude !== undefined" class="coordinates-panel">
                 <p-multiSelect dropdownIcon="pi pi-list-check" [options]="displayOptions" [(ngModel)]="selectedOptions"
                                (ngModelChange)="updateSelectedOptions()" optionLabel="name" placeholder=""
                                class="coordinates-select" appendTo="body"/>
@@ -86,8 +85,8 @@ interface PanelOption {
 })
 export class CoordinatesPanelComponent {
 
-    longitude: number = 0;
-    latitude: number = 0;
+    longitude: number | undefined = undefined;
+    latitude: number | undefined = undefined;
     isMarkerEnabled: boolean = false;
     markerPosition: {x: number, y: number} | null = null;
     auxiliaryCoordinates: Map<string, Array<number>> = new Map<string, Array<number>>();
@@ -148,24 +147,30 @@ export class CoordinatesPanelComponent {
 
     private updateValues() {
         if (this.coordinatesService.auxiliaryCoordinatesFun) {
-            this.auxiliaryCoordinates =
-                this.coordinatesService.auxiliaryCoordinatesFun(this.longitude, this.latitude).reduce(
-                    (map: Map<string, Array<number>>, [key, value]: [string, Array<number>]) => {
-                        map.set(key, value);
-                        return map;
-                    }, new Map<string, Array<number>>());
-            for (const key of this.auxiliaryCoordinates.keys()) {
-                if (!this.displayOptions.some(val => val.name == key)) {
-                    this.displayOptions.push({name: `${key}`});
+            if (this.longitude !== undefined && this.latitude !== undefined) {
+                this.auxiliaryCoordinates =
+                    this.coordinatesService.auxiliaryCoordinatesFun(this.longitude, this.latitude).reduce(
+                        (map: Map<string, Array<number>>, [key, value]: [string, Array<number>]) => {
+                            map.set(key, value);
+                            return map;
+                        }, new Map<string, Array<number>>());
+                for (const key of this.auxiliaryCoordinates.keys()) {
+                    if (!this.displayOptions.some(val => val.name == key)) {
+                        this.displayOptions.push({name: `${key}`});
+                    }
                 }
             }
         }
-        for (let level = 0; level <= 15; level++) {
-            this.mapgetTileIds.set(`Mapget TileId (level ${level})`,
-                coreLib.getTileIdFromPosition(this.longitude, this.latitude, level));
+        if (this.longitude !== undefined && this.latitude !== undefined) {
+            for (let level = 0; level <= 15; level++) {
+                this.mapgetTileIds.set(`Mapget TileId (level ${level})`,
+                    coreLib.getTileIdFromPosition(this.longitude, this.latitude, level));
+
+            }
         }
         if (this.coordinatesService.auxiliaryTileIdsFun) {
-            for (let level = 0; level <= 15; level++) {
+            if (this.longitude !== undefined && this.latitude !== undefined) {
+                for (let level = 0; level <= 15; level++) {
                 const levelData: Map<string, bigint> =
                     this.coordinatesService.auxiliaryTileIdsFun(this.longitude, this.latitude, level).reduce(
                         (map: Map<string, bigint>, [key, value]: [string, bigint]) => {
@@ -176,10 +181,11 @@ export class CoordinatesPanelComponent {
                 levelData.forEach((value, key) => {
                     this.auxiliaryTileIds.set(`${key} (level ${level})`, value);
                 });
-            }
-            for (const key of this.auxiliaryTileIds.keys()) {
-                if (!this.displayOptions.some(val => val.name == key)) {
-                    this.displayOptions.push({name: key});
+                }
+                for (const key of this.auxiliaryTileIds.keys()) {
+                    if (!this.displayOptions.some(val => val.name == key)) {
+                        this.displayOptions.push({name: key});
+                    }
                 }
             }
         }