fix(noah): update coordinates display when pin is move in kyh and stu…

…dio (#391) * remove 24hour lapse contour * update modal service * update coordinates display when pin is move in kyh and studio
UPRI-NOAH · Aug 2, 2024 · 1db0004 · 1db0004
1 parent d376636
commit 1db0004
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/features/know-your-hazards/components/map-kyh/map-kyh.component.ts b/src/app/features/know-your-hazards/components/map-kyh/map-kyh.component.ts
@@ -263,7 +263,9 @@ export class MapKyhComponent implements OnInit {
       const coords = document.getElementById('coordinates');
       const lngLat = this.centerMarker.getLngLat();
       coords.style.display = 'block';
-      coords.innerHTML = `Longitude: ${lngLat.lng}<br />Latitude: ${lngLat.lat}`;
+      coords.innerHTML = `Lng: ${lngLat.lng.toFixed(
+        5
+      )}<br />Lat: ${lngLat.lat.toFixed(5)}`;
       await this.mapService.dragReverseGeocode(lngLat.lat, lngLat.lng);
       // Fly to the new center with a smooth animation
       this.map.flyTo({

diff --git a/src/app/features/noah-playground/components/map-playground/map-playground.component.ts b/src/app/features/noah-playground/components/map-playground/map-playground.component.ts
@@ -268,7 +268,9 @@ export class MapPlaygroundComponent implements OnInit, OnDestroy {
               const coords = document.getElementById('coordinates');
               const LngLat = this.centerMarker.getLngLat();
               coords.style.display = 'block';
-              coords.innerHTML = `Longitude: ${LngLat.lng}<br />Latitude: ${LngLat.lat}`;
+              coords.innerHTML = `Lng: ${LngLat.lng.toFixed(
+                5
+              )}<br />Lat: ${LngLat.lat.toFixed(5)}`;
               this.mapService.dragReverseGeocode(LngLat.lat, LngLat.lng);
               this.map.flyTo({
                 center: LngLat,