fix: Adds missing region tags to samples. (#679)

willum070 · web-flow · commit 0ead7f1a5206 · 2025-08-11T11:07:21.000-07:00
* fix: Adds missing region tags to samples.

* Update index.ts

fixes mistake with opening region tag ("format violation??")

* Update index.ts

Fixes the region tag for reals this time.
diff --git a/samples/deckgl-kml-updated/index.html b/samples/deckgl-kml-updated/index.html
@@ -4,6 +4,7 @@
  Copyright 2025 Google LLC. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 -->
+<!--[START maps_deckgl_kml_updated]-->
 <html>
   <head>
     <title>deck.gl KMLLoader and Google Maps Platform</title>
@@ -65,4 +66,5 @@ <h3>Earthquake <br> Magnitude</h3>
       <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
         ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
   </body>
-</html>
+</html>
+<!--[END maps_deckgl_kml_updated]-->
diff --git a/samples/deckgl-kml-updated/index.ts b/samples/deckgl-kml-updated/index.ts
@@ -3,7 +3,7 @@
   * Copyright 2025 Google LLC. All Rights Reserved.
   * SPDX-License-Identifier: Apache-2.0
   */
-
+/* [START maps_deckgl_kml_updated] */
 // Import necessary loader
 import { KMLLoader } from '@loaders.gl/kml';
 
@@ -220,3 +220,4 @@ async function initMap(): Promise<void> {
 }
 
 initMap()
+ /* [END maps_deckgl_kml_updated] */
diff --git a/samples/deckgl-kml-updated/style.css b/samples/deckgl-kml-updated/style.css
@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
- /* [START maps_add_map] */
+ /* [START maps_deckgl_kml_updated] */
   /*
   * Always set the map height explicitly to define the size of the div element
   * that contains the map.
@@ -26,7 +26,6 @@
     position: relative; /* Set body as positioning context */
     font-family: 'Roboto', Arial, sans-serif; /* Set font family */
 }
-  /* [END maps_add_map] */
 
 .tooltip {
   position: absolute;
@@ -68,4 +67,5 @@ h1 {
   height: 20px;
   margin-right: 10px;
   border: 1px solid #000; /* Border for color swatch */
-}
+}
+ /* [END maps_deckgl_kml_updated] */
diff --git a/samples/deckgl-kml/index.html b/samples/deckgl-kml/index.html
@@ -4,6 +4,7 @@
  Copyright 2025 Google LLC. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 -->
+<!--[START maps_deckgl_kml]-->
 <html>
   <head>
     <title>deck.gl KMLLoader and Google Maps Platform</title>
@@ -61,4 +62,5 @@ <h1>Deck.gl KMLLoader</h1>
       <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
         ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
   </body>
-</html>
+</html>
+<!--[END maps_deckgl_kml]-->
diff --git a/samples/deckgl-kml/index.ts b/samples/deckgl-kml/index.ts
@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-
+/* [START maps_deckgl_kml] */
 // Import necessary loader
 import { KMLLoader } from '@loaders.gl/kml';
 
@@ -208,3 +208,4 @@ function hexOrAabbggrrToRgba(color: string): number[] | null {
 }
 
 initMap();
+/* [END maps_deckgl_kml] */
diff --git a/samples/deckgl-kml/style.css b/samples/deckgl-kml/style.css
@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
- /* [START maps_add_map] */
+ /* [START maps_deckgl_kml] */
   /*
   * Always set the map height explicitly to define the size of the div element
   * that contains the map.
@@ -26,7 +26,6 @@
     position: relative; /* Set body as positioning context */
     font-family: 'Roboto', Arial, sans-serif; /* Set font family */
 }
-  /* [END maps_add_map] */
 
 .tooltip {
   position: absolute;
@@ -43,4 +42,5 @@
 h1 {
   text-align: center;
   margin:10px;
-}
+}
+ /* [END maps_deckgl_kml] */
diff --git a/samples/deckgl-polygon/index.html b/samples/deckgl-polygon/index.html
@@ -4,6 +4,7 @@
  Copyright 2019 Google LLC. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 -->
+<!--[START maps_deckgl_polygon]-->
 <html>
   <head>
     <title>deck.gl PolygonLayer and Google Maps Platform</title>
@@ -71,4 +72,5 @@ <h1>Population Density</h1>
         ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly"});</script>
 
   </body>
-</html>
+</html>
+<!--[END maps_deckgl_polygon]-->
diff --git a/samples/deckgl-polygon/index.ts b/samples/deckgl-polygon/index.ts
@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-
+/* [START maps_deckgl_polygon] */
 // Declare global namespace for Deck.gl to satisfy TypeScript compiler
 declare namespace deck {
   class PolygonLayer {
@@ -144,3 +144,4 @@ async function initMap(): Promise<void> {
 }
 
 initMap();
+/* [END maps_deckgl_polygon] */
diff --git a/samples/deckgl-polygon/style.css b/samples/deckgl-polygon/style.css
@@ -3,7 +3,7 @@
  * Copyright 2025 Google LLC. All Rights Reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
-/* [START maps_add_map] */
+/* [START maps_deckgl_polygon] */
  /*
  * Always set the map height explicitly to define the size of the div element
  * that contains the map.
@@ -26,7 +26,6 @@
     position: relative; /* Set body as positioning context */
     font-family: 'Roboto', Arial, sans-serif; /* Set font family */
 }
-  /* [END maps_add_map] */
   
 #toggleButton {
   position: absolute;
@@ -82,4 +81,5 @@ h1 {
   height: 15px;
   margin-right: 5px;
   border: 1px solid #000; /* Add a border to the color box */
-}
+}
+/* [END maps_deckgl_polygon] */
