Use the new InfoWindow API

vicb · May 30, 2024 · 8692971 · 8692971
1 parent c8b459b
commit 8692971
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/apps/fxc-front/src/app/components/2d/airspace-element.ts b/apps/fxc-front/src/app/components/2d/airspace-element.ts
@@ -43,7 +43,7 @@ export class AirspaceElement extends connect(store)(LitElement) {
       this.overlays.push(new AspZoomMapType(this.maxAltitude, common.MAX_AIRSPACE_TILE_ZOOM, zoom));
     }
     this.setOverlaysZoom();
-    this.info = new google.maps.InfoWindow({ disableAutoPan: true });
+    this.info = new google.maps.InfoWindow({ disableAutoPan: true, headerDisabled: false, headerContent: 'Airspaces' });
     this.info.close();
   }
 

diff --git a/apps/fxc-front/src/app/components/2d/tracking-element.ts b/apps/fxc-front/src/app/components/2d/tracking-element.ts
@@ -153,7 +153,7 @@ export class TrackingElement extends connect(store)(LitElement) {
   }
 
   private setupInfoWindow(map: google.maps.Map): void {
-    this.info = new google.maps.InfoWindow();
+    this.info = new google.maps.InfoWindow({ headerDisabled: false });
     this.info.close();
     this.info.addListener('closeclick', () => {
       store.dispatch(setCurrentLiveId(undefined));
@@ -181,7 +181,8 @@ export class TrackingElement extends connect(store)(LitElement) {
         }
 
         if (this.info) {
-          this.info.setContent(`<strong>${popup.title}</strong><br>${popup.content}`);
+          this.info.setContent(`${popup.content}`);
+          (this.info as any).setHeaderContent(popup.title);
           this.info.setPosition(event.latLng);
           this.info.open(map);
           store.dispatch(setCurrentLiveId(pilotId));