MET-6314 Animation tweaks

europeana · Jan 21, 2025 · 85e3d43 · 85e3d43
1 parent 25f0ace
commit 85e3d43
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/app/chart/map/map.component.spec.ts b/src/app/chart/map/map.component.spec.ts
@@ -56,12 +56,14 @@ describe('MapComponent', () => {
       hide: jasmine.createSpy()
     } as unknown as am4maps.MapChart;
     component.chartGlobe = {
-      show: jasmine.createSpy()
+      show: jasmine.createSpy(),
+      animate: jasmine.createSpy()
     } as unknown as am4maps.MapChart;
 
     component.showGlobe();
     expect(component.chart.hide).toHaveBeenCalled();
     expect(component.chartGlobe.show).toHaveBeenCalled();
+    expect(component.chartGlobe.animate).toHaveBeenCalled();
   });
 
   it('should update the data', () => {

diff --git a/src/app/chart/map/map.component.ts b/src/app/chart/map/map.component.ts
@@ -447,6 +447,12 @@ export class MapComponent extends SubscriptionManager {
   showGlobe(): void {
     this.chart.hide();
     this.chartGlobe.show();
+    this.animateLatitude();
+  }
+
+  animateLatitude(): void {
+    this.chartGlobe.deltaLatitude = -45;
+    this.chartGlobe.animate({ property: 'deltaLatitude', to: 0 }, 5000, am4core.ease.circleOut );
   }
 
   /** drawChart
@@ -608,11 +614,13 @@ export class MapComponent extends SubscriptionManager {
       this.chartGlobe = chartGlobe;
       this.hideGlobe();
 
+      chartGlobe.deltaLongitude = -45;
       chartGlobe.projection = new am4maps.projections.Orthographic();
       chartGlobe.series.push(new am4maps.MapPolygonSeries()).useGeodata = true;
       chartGlobe.seriesContainer.resizable = false;
       chartGlobe.seriesContainer.draggable = false;
-      chartGlobe.animate({ property: 'deltaLongitude', to: 100000 }, 20000000);
+
+      chartGlobe.animate({ property: 'deltaLongitude', to: 100050 }, 20000000);
       setTimeout(() => {
         chartGlobe.geodata = am4geodata_worldHigh;
         const label = chartGlobe.chartAndLegendContainer.createChild(