-
+
{
altitude: val,
};
}
+ } else if (prop === 'tilt') {
+ map3DElement.tilt = Math.max(0, val);
+ } else if (prop === 'fov') {
+ map3DElement.fov = Math.min(80, Math.max(5, val));
} else {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
(map3DElement as any)[prop] = val;
diff --git a/dist/samples/3d-camera-position/dist/assets/index-BCRFJ7xP.js b/dist/samples/3d-camera-position/dist/assets/index-Dz751YOJ.js
similarity index 88%
rename from dist/samples/3d-camera-position/dist/assets/index-BCRFJ7xP.js
rename to dist/samples/3d-camera-position/dist/assets/index-Dz751YOJ.js
index 142ebc72d..fa2b037fd 100644
--- a/dist/samples/3d-camera-position/dist/assets/index-BCRFJ7xP.js
+++ b/dist/samples/3d-camera-position/dist/assets/index-Dz751YOJ.js
@@ -1 +1 @@
-(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();async function e(){await google.maps.importLibrary(`maps3d`);let e=document.querySelector(`gmp-map-3d`),t=document.getElementById(`heading`),n=document.getElementById(`tilt`),r=document.getElementById(`range`),i=document.getElementById(`lat`),a=document.getElementById(`lng`),o=document.getElementById(`fov`),s=document.getElementById(`roll`),c=document.getElementById(`heading-val`),l=document.getElementById(`tilt-val`),u=document.getElementById(`range-val`),d=document.getElementById(`altitude-val`),f=document.getElementById(`fov-val`),p=document.getElementById(`roll-val`),m=document.getElementById(`generated-code`),h=document.getElementById(`copy-btn`),g=30,_=!1,v=()=>{let h=e.heading?.toFixed(0)??`0`,v=e.tilt?.toFixed(0)??`0`,y=e.range?.toFixed(0)??`0`,b=parseFloat(e.fov?.toFixed(0)??`45`),x=Math.min(80,Math.max(5,b)).toString(),S=e.roll?.toFixed(0)??`0`,C=e.center,w=e.mode;if(c.textContent=h,l.textContent=v,u.textContent=y,f.textContent=x,p.textContent=S,_||(o.value=x,t.value=h,n.value=v,r.value=Math.min(1e4,parseFloat(y)).toString(),s.value=S),C){let e=C.lat.toFixed(4),t=C.lng.toFixed(4),n=g.toFixed(0);i.value=e,a.value=t,d.textContent=n,m.textContent=`
`}};h.addEventListener(`click`,()=>{navigator.clipboard.writeText(m.textContent||``),h.textContent=`Copied!`,setTimeout(()=>{h.textContent=`Copy HTML`},2e3)});let y=document.querySelector(`.panel`);y.addEventListener(`input`,t=>{let n=t.target;if(n.tagName!==`INPUT`)return;_=!0;let r=n.name,i=parseFloat(n.value);if(r===`lat`){let t=e.center;t&&(e.center={lat:i,lng:t.lng,altitude:t.altitude})}else if(r===`lng`){let t=e.center;t&&(e.center={lat:t.lat,lng:i,altitude:t.altitude})}else if(r===`altitude`){g=i;let t=e.center;t&&(e.center={lat:t.lat,lng:t.lng,altitude:i})}else e[r]=i;v()}),y.addEventListener(`change`,e=>{e.target.tagName===`INPUT`&&(_=!1)}),e.addEventListener(`gmp-headingchange`,v),e.addEventListener(`gmp-tiltchange`,v),e.addEventListener(`gmp-rangechange`,v),e.addEventListener(`gmp-fovchange`,v),setTimeout(v,500)}e();
\ No newline at end of file
+(function(){let e=document.createElement(`link`).relList;if(e&&e.supports&&e.supports(`modulepreload`))return;for(let e of document.querySelectorAll(`link[rel="modulepreload"]`))n(e);new MutationObserver(e=>{for(let t of e)if(t.type===`childList`)for(let e of t.addedNodes)e.tagName===`LINK`&&e.rel===`modulepreload`&&n(e)}).observe(document,{childList:!0,subtree:!0});function t(e){let t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin===`use-credentials`?t.credentials=`include`:e.crossOrigin===`anonymous`?t.credentials=`omit`:t.credentials=`same-origin`,t}function n(e){if(e.ep)return;e.ep=!0;let n=t(e);fetch(e.href,n)}})();async function e(){await google.maps.importLibrary(`maps3d`);let e=document.querySelector(`gmp-map-3d`),t=document.getElementById(`heading`),n=document.getElementById(`tilt`),r=document.getElementById(`range`),i=document.getElementById(`lat`),a=document.getElementById(`lng`),o=document.getElementById(`fov`),s=document.getElementById(`roll`),c=document.getElementById(`heading-val`),l=document.getElementById(`tilt-val`),u=document.getElementById(`range-val`),d=document.getElementById(`altitude-val`),f=document.getElementById(`fov-val`),p=document.getElementById(`roll-val`),m=document.getElementById(`generated-code`),h=document.getElementById(`copy-btn`),g=30,_=!1,v=()=>{let h=e.heading?.toFixed(0)??`0`,v=e.tilt?.toFixed(0)??`0`,y=e.range?.toFixed(0)??`0`,b=parseFloat(e.fov?.toFixed(0)??`45`),x=Math.min(80,Math.max(5,b)).toString(),S=e.roll?.toFixed(0)??`0`,C=e.center,w=e.mode;if(c.textContent=h,l.textContent=v,u.textContent=y,f.textContent=x,p.textContent=S,_||(o.value=x,t.value=h,n.value=v,r.value=Math.min(1e4,parseFloat(y)).toString(),s.value=S),C){let e=C.lat.toFixed(4),t=C.lng.toFixed(4),n=g.toFixed(0);i.value=e,a.value=t,d.textContent=n,m.textContent=`
`}};h.addEventListener(`click`,()=>{navigator.clipboard.writeText(m.textContent||``),h.textContent=`Copied!`,setTimeout(()=>{h.textContent=`Copy HTML`},2e3)});let y=document.querySelector(`.panel`);y.addEventListener(`input`,t=>{let n=t.target;if(n.tagName!==`INPUT`)return;_=!0;let r=n.name,i=parseFloat(n.value);if(r===`lat`){let t=e.center;t&&(e.center={lat:i,lng:t.lng,altitude:t.altitude})}else if(r===`lng`){let t=e.center;t&&(e.center={lat:t.lat,lng:i,altitude:t.altitude})}else if(r===`altitude`){g=i;let t=e.center;t&&(e.center={lat:t.lat,lng:t.lng,altitude:i})}else r===`tilt`?e.tilt=Math.max(0,i):r===`fov`?e.fov=Math.min(80,Math.max(5,i)):e[r]=i;v()}),y.addEventListener(`change`,e=>{e.target.tagName===`INPUT`&&(_=!1)}),e.addEventListener(`gmp-headingchange`,v),e.addEventListener(`gmp-tiltchange`,v),e.addEventListener(`gmp-rangechange`,v),e.addEventListener(`gmp-fovchange`,v),setTimeout(v,500)}e();
\ No newline at end of file
diff --git a/dist/samples/3d-camera-position/dist/index.html b/dist/samples/3d-camera-position/dist/index.html
index e3c3eb333..538842453 100644
--- a/dist/samples/3d-camera-position/dist/index.html
+++ b/dist/samples/3d-camera-position/dist/index.html
@@ -8,10 +8,13 @@
Google Maps 3D - Camera Position Controller
-
-
-
+
+
@@ -25,9 +28,9 @@