diff --git a/samples/3d-camera-position/index.html b/samples/3d-camera-position/index.html
index d7c525be..8421ce7a 100644
--- a/samples/3d-camera-position/index.html
+++ b/samples/3d-camera-position/index.html
@@ -10,9 +10,12 @@
         <title>Google Maps 3D - Camera Position Controller</title>
         <link rel="stylesheet" type="text/css" href="./style.css" />
         <script type="module" src="./index.js"></script>
-        <!-- prettier-ignore -->
-        <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"});</script>
+        <script>
+            // prettier-ignore
+            (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"
+            });
+        </script>
     </head>
 
     <body>
@@ -39,9 +42,9 @@
                 </div>
 
                 <div class="control-group">
-                    <label for="tilt"
-                        >Tilt: <span id="tilt-val">45</span>&deg;</label
-                    >
+                    <label for="tilt">
+                        Tilt: <span id="tilt-val">45</span>&deg;
+                    </label>
                     <input
                         type="range"
                         id="tilt"
diff --git a/samples/3d-camera-position/index.ts b/samples/3d-camera-position/index.ts
index e6b7ddfc..1d7adfbe 100644
--- a/samples/3d-camera-position/index.ts
+++ b/samples/3d-camera-position/index.ts
@@ -121,8 +121,9 @@ async function initMap(): Promise<void> {
                 };
             }
         } else {
+            const finalVal = prop === 'tilt' ? Math.max(0, val) : val;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (map3DElement as any)[prop] = val;
+            (map3DElement as any)[prop] = finalVal;
         }
         updateUI();
     });
