Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 24 additions & 21 deletions dist/samples/3d-camera-position/app/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -25,9 +28,9 @@
<div id="ui-container">
<div class="panel">
<div class="control-group">
<label for="heading"
>Heading: <span id="heading-val">0</span>&deg;</label
>
<label for="heading">
Heading: <span id="heading-val">0</span>&deg;
</label>
<input
type="range"
id="heading"
Expand All @@ -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"
Expand All @@ -53,9 +56,9 @@
</div>

<div class="control-group">
<label for="range"
>Range: <span id="range-val">1000</span>m</label
>
<label for="range">
Range: <span id="range-val">1000</span>m
</label>
<input
type="range"
id="range"
Expand Down Expand Up @@ -92,9 +95,9 @@
</div>

<div class="control-group">
<label for="altitude"
>Altitude: <span id="altitude-val">30</span>m</label
>
<label for="altitude">
Altitude: <span id="altitude-val">30</span>m
</label>
<input
type="range"
id="altitude"
Expand All @@ -106,9 +109,9 @@
</div>

<div class="control-group">
<label for="fov"
>FOV: <span id="fov-val">35</span>&deg;</label
>
<label for="fov">
FOV: <span id="fov-val">35</span>&deg;
</label>
<input
type="range"
id="fov"
Expand All @@ -120,9 +123,9 @@
</div>

<div class="control-group">
<label for="roll"
>Roll: <span id="roll-val">0</span>&deg;</label
>
<label for="roll">
Roll: <span id="roll-val">0</span>&deg;
</label>
<input
type="range"
id="roll"
Expand Down
4 changes: 4 additions & 0 deletions dist/samples/3d-camera-position/app/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -120,6 +120,10 @@ async function initMap(): Promise<void> {
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;
Expand Down

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

47 changes: 25 additions & 22 deletions dist/samples/3d-camera-position/dist/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,13 @@
<html>
<head>
<title>Google Maps 3D - Camera Position Controller</title>
<!-- 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 type="module" crossorigin src="./assets/index-BCRFJ7xP.js"></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>
<script type="module" crossorigin src="./assets/index-Dz751YOJ.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-BYracKtN.css">
</head>

Expand All @@ -25,9 +28,9 @@
<div id="ui-container">
<div class="panel">
<div class="control-group">
<label for="heading"
>Heading: <span id="heading-val">0</span>&deg;</label
>
<label for="heading">
Heading: <span id="heading-val">0</span>&deg;
</label>
<input
type="range"
id="heading"
Expand All @@ -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"
Expand All @@ -53,9 +56,9 @@
</div>

<div class="control-group">
<label for="range"
>Range: <span id="range-val">1000</span>m</label
>
<label for="range">
Range: <span id="range-val">1000</span>m
</label>
<input
type="range"
id="range"
Expand Down Expand Up @@ -92,9 +95,9 @@
</div>

<div class="control-group">
<label for="altitude"
>Altitude: <span id="altitude-val">30</span>m</label
>
<label for="altitude">
Altitude: <span id="altitude-val">30</span>m
</label>
<input
type="range"
id="altitude"
Expand All @@ -106,9 +109,9 @@
</div>

<div class="control-group">
<label for="fov"
>FOV: <span id="fov-val">35</span>&deg;</label
>
<label for="fov">
FOV: <span id="fov-val">35</span>&deg;
</label>
<input
type="range"
id="fov"
Expand All @@ -120,9 +123,9 @@
</div>

<div class="control-group">
<label for="roll"
>Roll: <span id="roll-val">0</span>&deg;</label
>
<label for="roll">
Roll: <span id="roll-val">0</span>&deg;
</label>
<input
type="range"
id="roll"
Expand Down
Loading