diff --git a/samples/deckgl-heatmap/index.ts b/samples/deckgl-heatmap/index.ts
index 5fac37c4..4e18597e 100644
--- a/samples/deckgl-heatmap/index.ts
+++ b/samples/deckgl-heatmap/index.ts
@@ -5,6 +5,14 @@
  */
 
 /* [START maps_deckgl_heatmap] */
+// Initialize and add the map
+let map: google.maps.Map;
+// Use global types for Deck.gl components
+let heatmapLayer: deck.HeatmapLayer;
+let googleMapsOverlay: deck.GoogleMapsOverlay;
+let marker: google.maps.marker.AdvancedMarkerElement | undefined;
+let infoWindow: google.maps.InfoWindow;
+
 // Declare global namespace for Deck.gl to satisfy TypeScript compiler
 declare namespace deck {
   class HeatmapLayer {
@@ -21,14 +29,6 @@ declare namespace deck {
   // Add other Deck.gl types used globally if needed
 }
 
-// Initialize and add the map
-let map: google.maps.Map;
-// Use global types for Deck.gl components
-let heatmapLayer: deck.HeatmapLayer;
-let googleMapsOverlay: deck.GoogleMapsOverlay;
-let marker: google.maps.marker.AdvancedMarkerElement | undefined;
-let infoWindow: google.maps.InfoWindow;
-
 async function initMap(): Promise<void> {
   // Progress bar logic moved from index.html
   var progress, progressDiv = document.querySelector(".mdc-linear-progress");