fix: Moves styles from CSS to HTML so HTML can be freestanding.

willum070 · willum070 · commit d37326ba9275 · 2025-11-17T09:14:07.000-08:00
diff --git a/samples/web-components-markers/index.html b/samples/web-components-markers/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <!--
  @license
  Copyright 2025 Google LLC. All Rights Reserved.
@@ -15,8 +15,19 @@
       src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&libraries=maps,marker&v=weekly"
       defer
     ></script>
+    <style>
+      gmp-map {
+        height: 100%;
+      }
+      html,
+      body {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+    </style>
   </head>
-  <body>
+  <body style="height: 100%">
     <!-- [START maps_web_components_markers_div] -->
     <gmp-map
       center="41.027748173921374, -92.41852445367961"
diff --git a/samples/web-components-markers/style.css b/samples/web-components-markers/style.css
@@ -4,21 +4,5 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 /* [START maps_web_components_markers] */
-/* 
- * Always set the map height explicitly to define the size of the div element
- * that contains the map. 
- */
-gmp-map {
-  height: 100%;
-}
-
-/* 
- * Optional: Makes the sample page fill the window. 
- */
-html,
-body {
-  height: 100%;
-  margin: 0;
-  padding: 0;
-}
+/* Note: This CSS file is intentionally blank. */
 /* [END maps_web_components_markers] */
