From 6171f6de068b2aade18a38072f1ccc53177e3db8 Mon Sep 17 00:00:00 2001 From: Ari Oppenheimer Date: Thu, 10 Apr 2025 15:17:13 -0700 Subject: [PATCH 1/7] Added region tags and prettierignores to 3d html files --- .DS_Store | Bin 6148 -> 8196 bytes samples/3d-marker-customization/index.html | 3 +++ samples/3d-places/index.html | 3 +++ samples/3d-popover-location/index.html | 3 +++ samples/3d-popover-marker/index.html | 3 +++ samples/3d-simple-map/index.html | 3 +++ samples/3d-simple-marker/index.html | 3 +++ 7 files changed, 18 insertions(+) diff --git a/.DS_Store b/.DS_Store index 4c4933b5f348a9773f515cbcd65bd4eb7decbb92..a1bf91b244996e4e03b18af76c1ea6cf5f431954 100644 GIT binary patch literal 8196 zcmeHMU2GIp6h3EK*qMRS+tQY@6JSFlg;JoUP=1ZuKcqs1bhoq=aGl*5V8V2!?9A?h zgxE-YF+fbz_@em#D8~5nK!Rf81M$HJQ&CJbCMLe^ z^K6DIw@YA1Yf-{IFLpmiWaj2j$B`QoYykcN@b3kEE@?@w#C8#h53|6Lj!j&<+pqXU6pcdrHmT*!e}aewb2+4|c-2@GSf7Y3mZ2H;Uh!9a!fI~Cdr z43lOL^urL*^)La(YztggVG#olbkdsy8%*%BC2unPns6mMX_X}RHo7uV zyudak1hOJ485TctrgLNWruIa4*QT@Wi8GxYTe@hlt^4d*MQ&`_uwyuL!k%#4^Fd?) z!^aZTi1AE&fqE5w*y&HH_UVurDTXAYaB zXBEwU()PwInvSbA%xqe8P`SLYaoNgMYdbb?f2e==-u=@xi)xu#uQrSpEzio@=19ph z{No38FK0T2WQZI&$fxTujKGcNrX@@p z*3vTjLZ(x)oT5d@rb8D1ms^r;;#h*9DlN&5@VI1HO4*f!-Ef$)W)jZ9d3YHv!Q1d5 zd<37u=Wr9gfp6hE_yK-~TktzpV-40K!#a#(E3UydT#K79i9OhhdvHGvV+zxF1hZ(M ziAT}J0+#R;p2nx}89a{{@FKp5ui_i{CccH2@hX0d*YFek48O!1_!WMSxA0f|4gZj0 zk}N4wy|h?rl$xY9Qk&EzZI!l(olE7M84o=PiPTG-xj7R)3#5~G%9;4ChtaueFROZzPq24?t zbLg^|&`zi;WkNlhCx#EGtuo=A%@@PAc)Ls)#-w1VZisg(lt-*e4BO(H6`7$JY*n`_ zlu@jDdg+qprkxL}Dg&PBikPW4-Y-*DF!}Gp^2@|-A zV9G(d4!dy+Zo}=k69;e??#4j^Y#K*!6vuEJa|GCIfS2$Ud<|a@!TTP*UjfHQX2TJ$&V^$!m3M5{IYyE)h-Vw!7o#e%%VvK6AGrJX z|NFw1Xp>O{q6qx62w-)8s-M4f@AfR?ckKk#$Eotd^`-<3OsL^1oF81riO&3CNc}`8 eONMkxP?Avj&p!nG%fFeU_kZ;M4}g7-H-7>MLv_6X delta 168 zcmZp1XfcprU|?W$DortDU=RQ@Ie-{MGjUEV6q~50$jG`eU^gQp>tr5*rHnf#ZxSff zkgTpYG%_>MQLwNysnt=awlp%(Q7|z!tF7ha5LMQ<4vNpt$<52}p6nwi&)73rU;M_# zh9k_2**Q1_nSmw)fdDs + Map @@ -9,7 +10,9 @@
+ + \ No newline at end of file diff --git a/samples/3d-places/index.html b/samples/3d-places/index.html index 6454e633..405b2905 100644 --- a/samples/3d-places/index.html +++ b/samples/3d-places/index.html @@ -1,4 +1,5 @@ + Map @@ -9,6 +10,7 @@
+
@@ -21,3 +23,4 @@
+ diff --git a/samples/3d-popover-location/index.html b/samples/3d-popover-location/index.html index 46b6918b..8be100d6 100644 --- a/samples/3d-popover-location/index.html +++ b/samples/3d-popover-location/index.html @@ -1,4 +1,5 @@ + Map @@ -9,7 +10,9 @@
+ + \ No newline at end of file diff --git a/samples/3d-popover-marker/index.html b/samples/3d-popover-marker/index.html index 46b6918b..1e9dd6a1 100644 --- a/samples/3d-popover-marker/index.html +++ b/samples/3d-popover-marker/index.html @@ -1,4 +1,5 @@ + Map @@ -9,7 +10,9 @@
+ + \ No newline at end of file diff --git a/samples/3d-simple-map/index.html b/samples/3d-simple-map/index.html index 2561de66..d20c411f 100644 --- a/samples/3d-simple-map/index.html +++ b/samples/3d-simple-map/index.html @@ -1,4 +1,5 @@ + Simple Map @@ -9,7 +10,9 @@ + + diff --git a/samples/3d-simple-marker/index.html b/samples/3d-simple-marker/index.html index 46b6918b..be64ed8e 100644 --- a/samples/3d-simple-marker/index.html +++ b/samples/3d-simple-marker/index.html @@ -1,4 +1,5 @@ + Map @@ -9,7 +10,9 @@
+ + From a3f96eb3fd16d1d3f26f957f515ecd9243a165a5 Mon Sep 17 00:00:00 2001 From: Ari Oppenheimer Date: Thu, 10 Apr 2025 15:29:19 -0700 Subject: [PATCH 2/7] Fixed marker html region tag --- samples/3d-marker-customization/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/samples/3d-marker-customization/index.html b/samples/3d-marker-customization/index.html index f06e3ea0..a0bb187a 100644 --- a/samples/3d-marker-customization/index.html +++ b/samples/3d-marker-customization/index.html @@ -1,5 +1,5 @@ - + Map @@ -15,4 +15,4 @@ ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",}); - \ No newline at end of file + \ No newline at end of file From d1c2024d8646aa99bead948df75422535ee3f2e5 Mon Sep 17 00:00:00 2001 From: Ari Oppenheimer Date: Thu, 10 Apr 2025 17:37:10 -0700 Subject: [PATCH 3/7] Added additional 3d samples --- .DS_Store | Bin 8196 -> 8196 bytes package-lock.json | 67 +++++++++++ samples/.DS_Store | Bin 6148 -> 10244 bytes samples/3d-camera-to-around/index.html | 18 +++ samples/3d-camera-to-around/index.ts | 61 ++++++++++ samples/3d-camera-to-around/package.json | 14 +++ samples/3d-camera-to-around/style.css | 27 +++++ samples/3d-camera-to-around/tsconfig.json | 17 +++ samples/3d-label-toggle/index.html | 20 ++++ samples/3d-label-toggle/index.ts | 51 +++++++++ samples/3d-label-toggle/package.json | 14 +++ samples/3d-label-toggle/style.css | 49 ++++++++ samples/3d-label-toggle/tsconfig.json | 17 +++ samples/3d-marker-click-event/index.html | 18 +++ samples/3d-marker-click-event/index.ts | 54 +++++++++ samples/3d-marker-click-event/package.json | 14 +++ samples/3d-marker-click-event/style.css | 27 +++++ samples/3d-marker-click-event/tsconfig.json | 17 +++ samples/3d-marker-interactive/index.html | 22 ++++ samples/3d-marker-interactive/index.ts | 92 +++++++++++++++ samples/3d-marker-interactive/package.json | 14 +++ samples/3d-marker-interactive/style.css | 48 ++++++++ samples/3d-marker-interactive/tsconfig.json | 17 +++ samples/3d-places-autocomplete/.DS_Store | Bin 0 -> 6148 bytes samples/3d-places-autocomplete/index.html | 24 ++++ samples/3d-places-autocomplete/index.ts | 105 ++++++++++++++++++ samples/3d-places-autocomplete/package.json | 14 +++ samples/3d-places-autocomplete/style.css | 102 +++++++++++++++++ samples/3d-places-autocomplete/tsconfig.json | 17 +++ samples/3d-polygon-click-event/index.html | 18 +++ samples/3d-polygon-click-event/index.ts | 77 +++++++++++++ samples/3d-polygon-click-event/package.json | 14 +++ samples/3d-polygon-click-event/style.css | 27 +++++ samples/3d-polygon-click-event/tsconfig.json | 17 +++ samples/3d-polygon-extruded-hole/index.html | 18 +++ samples/3d-polygon-extruded-hole/index.ts | 60 ++++++++++ samples/3d-polygon-extruded-hole/package.json | 14 +++ samples/3d-polygon-extruded-hole/style.css | 27 +++++ .../3d-polygon-extruded-hole/tsconfig.json | 17 +++ samples/3d-polygon/index.html | 18 +++ samples/3d-polygon/index.ts | 49 ++++++++ samples/3d-polygon/package.json | 14 +++ samples/3d-polygon/style.css | 27 +++++ samples/3d-polygon/tsconfig.json | 17 +++ samples/3d-polyline-click-event/index.html | 18 +++ samples/3d-polyline-click-event/index.ts | 59 ++++++++++ samples/3d-polyline-click-event/package.json | 14 +++ samples/3d-polyline-click-event/style.css | 27 +++++ samples/3d-polyline-click-event/tsconfig.json | 17 +++ samples/3d-polyline-extruded/index.html | 18 +++ samples/3d-polyline-extruded/index.ts | 52 +++++++++ samples/3d-polyline-extruded/package.json | 14 +++ samples/3d-polyline-extruded/style.css | 27 +++++ samples/3d-polyline-extruded/tsconfig.json | 17 +++ samples/3d-polyline/index.html | 18 +++ samples/3d-polyline/index.ts | 54 +++++++++ samples/3d-polyline/package.json | 14 +++ samples/3d-polyline/style.css | 27 +++++ samples/3d-polyline/tsconfig.json | 17 +++ samples/3d-simple-map-declarative/index.html | 15 +++ samples/3d-simple-map-declarative/index.ts | 18 +++ .../3d-simple-map-declarative/package.json | 14 +++ samples/3d-simple-map-declarative/style.css | 29 +++++ .../3d-simple-map-declarative/tsconfig.json | 17 +++ 64 files changed, 1840 insertions(+) create mode 100644 samples/3d-camera-to-around/index.html create mode 100644 samples/3d-camera-to-around/index.ts create mode 100644 samples/3d-camera-to-around/package.json create mode 100644 samples/3d-camera-to-around/style.css create mode 100644 samples/3d-camera-to-around/tsconfig.json create mode 100644 samples/3d-label-toggle/index.html create mode 100644 samples/3d-label-toggle/index.ts create mode 100644 samples/3d-label-toggle/package.json create mode 100644 samples/3d-label-toggle/style.css create mode 100644 samples/3d-label-toggle/tsconfig.json create mode 100644 samples/3d-marker-click-event/index.html create mode 100644 samples/3d-marker-click-event/index.ts create mode 100644 samples/3d-marker-click-event/package.json create mode 100644 samples/3d-marker-click-event/style.css create mode 100644 samples/3d-marker-click-event/tsconfig.json create mode 100644 samples/3d-marker-interactive/index.html create mode 100644 samples/3d-marker-interactive/index.ts create mode 100644 samples/3d-marker-interactive/package.json create mode 100644 samples/3d-marker-interactive/style.css create mode 100644 samples/3d-marker-interactive/tsconfig.json create mode 100644 samples/3d-places-autocomplete/.DS_Store create mode 100644 samples/3d-places-autocomplete/index.html create mode 100644 samples/3d-places-autocomplete/index.ts create mode 100644 samples/3d-places-autocomplete/package.json create mode 100644 samples/3d-places-autocomplete/style.css create mode 100644 samples/3d-places-autocomplete/tsconfig.json create mode 100644 samples/3d-polygon-click-event/index.html create mode 100644 samples/3d-polygon-click-event/index.ts create mode 100644 samples/3d-polygon-click-event/package.json create mode 100644 samples/3d-polygon-click-event/style.css create mode 100644 samples/3d-polygon-click-event/tsconfig.json create mode 100644 samples/3d-polygon-extruded-hole/index.html create mode 100644 samples/3d-polygon-extruded-hole/index.ts create mode 100644 samples/3d-polygon-extruded-hole/package.json create mode 100644 samples/3d-polygon-extruded-hole/style.css create mode 100644 samples/3d-polygon-extruded-hole/tsconfig.json create mode 100644 samples/3d-polygon/index.html create mode 100644 samples/3d-polygon/index.ts create mode 100644 samples/3d-polygon/package.json create mode 100644 samples/3d-polygon/style.css create mode 100644 samples/3d-polygon/tsconfig.json create mode 100644 samples/3d-polyline-click-event/index.html create mode 100644 samples/3d-polyline-click-event/index.ts create mode 100644 samples/3d-polyline-click-event/package.json create mode 100644 samples/3d-polyline-click-event/style.css create mode 100644 samples/3d-polyline-click-event/tsconfig.json create mode 100644 samples/3d-polyline-extruded/index.html create mode 100644 samples/3d-polyline-extruded/index.ts create mode 100644 samples/3d-polyline-extruded/package.json create mode 100644 samples/3d-polyline-extruded/style.css create mode 100644 samples/3d-polyline-extruded/tsconfig.json create mode 100644 samples/3d-polyline/index.html create mode 100644 samples/3d-polyline/index.ts create mode 100644 samples/3d-polyline/package.json create mode 100644 samples/3d-polyline/style.css create mode 100644 samples/3d-polyline/tsconfig.json create mode 100644 samples/3d-simple-map-declarative/index.html create mode 100644 samples/3d-simple-map-declarative/index.ts create mode 100644 samples/3d-simple-map-declarative/package.json create mode 100644 samples/3d-simple-map-declarative/style.css create mode 100644 samples/3d-simple-map-declarative/tsconfig.json diff --git a/.DS_Store b/.DS_Store index a1bf91b244996e4e03b18af76c1ea6cf5f431954..a91e5369de25226dcbf58466d7ce4b5fcee6b2a5 100644 GIT binary patch delta 34 pcmZp1XmQw}CMarbU}>tOplf7gQLCd+ZE0knqhMmZ*;?=<9{`+x2-5%n delta 34 ocmZp1XmQw}CMarXWM-nHU}kJmtD{hDXkcy(=12" } }, + "node_modules/@js-api-samples/3d-marker-customization": { + "resolved": "samples/3d-marker-customization", + "link": true + }, + "node_modules/@js-api-samples/3d-places": { + "resolved": "samples/3d-places", + "link": true + }, + "node_modules/@js-api-samples/3d-polygon": { + "resolved": "samples/3d-polygon", + "link": true + }, + "node_modules/@js-api-samples/3d-popover-location": { + "resolved": "samples/3d-popover-location", + "link": true + }, + "node_modules/@js-api-samples/3d-popover-marker": { + "resolved": "samples/3d-popover-marker", + "link": true + }, + "node_modules/@js-api-samples/3d-simple-map": { + "resolved": "samples/3d-simple-map", + "link": true + }, + "node_modules/@js-api-samples/3d-simple-marker": { + "resolved": "samples/3d-simple-marker", + "link": true + }, "node_modules/@js-api-samples/add-map": { "resolved": "samples/add-map", "link": true @@ -501,6 +529,10 @@ "resolved": "samples/ui-kit-place-search", "link": true }, + "node_modules/@js-api-samples/ui-kit-place-search-text": { + "resolved": "samples/ui-kit-place-search-text", + "link": true + }, "node_modules/@playwright/test": { "version": "1.51.1", "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.51.1.tgz", @@ -1629,6 +1661,37 @@ "node": ">=8" } }, + "samples/3d-marker-customization": { + "name": "@js-api-samples/3d-marker-customization", + "version": "1.0.0" + }, + "samples/3d-places": { + "name": "@js-api-samples/3d-places", + "version": "1.0.0" + }, + "samples/3d-polygon": { + "name": "@js-api-samples/3d-polygon", + "version": "1.0.0", + "devDependencies": { + "@playwright/test": "^1.51.1" + } + }, + "samples/3d-popover-location": { + "name": "@js-api-samples/3d-popover-location", + "version": "1.0.0" + }, + "samples/3d-popover-marker": { + "name": "@js-api-samples/3d-popover-marker", + "version": "1.0.0" + }, + "samples/3d-simple-map": { + "name": "@js-api-samples/3d-simple-map", + "version": "1.0.0" + }, + "samples/3d-simple-marker": { + "name": "@js-api-samples/3d-simple-marker", + "version": "1.0.0" + }, "samples/add-map": { "name": "@js-api-samples/add-map", "version": "1.0.0" @@ -1664,6 +1727,10 @@ "samples/ui-kit-place-search": { "name": "@js-api-samples/ui-kit-place-search", "version": "1.0.0" + }, + "samples/ui-kit-place-search-text": { + "name": "@js-api-samples/ui-kit-place-search-text", + "version": "1.0.0" } } } diff --git a/samples/.DS_Store b/samples/.DS_Store index 3d3bc3e969b290adf53823962f4fbbe0aadac977..97f3aee8a8e2ea927d7a26befa0b78fa982f5281 100644 GIT binary patch literal 10244 zcmeHMU2NP$5Z-Zr;%nT*X#-6|tX@e`p-R&H6q@j-OVR>`wt-$l(ozU_XVbX#*~i&; zNgE0g5-;=z@dVrkU)qB1c)CAc;KZ_31)VE!M^xVDx)7^* z!go9eaG9h}Q$C#)l#8NHae4q>6#OFw2ytvr5Ze)mXKH^)Ve!?D^37J;zGSWgc^|-ed={%|q%idyD1dvX+xYNdnso z_;mfj6TY3bw(OK!@U^{>Em)@Ob$5RX(t?GH7T3vja=m(11WQ?hlJ%cezxoRAX}YU|8QU-!VJ z9m&q#-u^=!$(e!P?vCV!zRM0BO33H6ufJl)#C|JpJ4d)>4E)81EfwXt{OH-+ZMo%P zVfTV`#qQ55b|;q9D@(Pp@m;%>JrnA(G8#Bi@Jz>cZ#If9(h0TEMMrGOIrfc3gWAV( zj#bLr?u6Qu%UHRRmGO*0%SxLE4XkT)b4ACpZggCe)a)AfjA@VB<~5D)cAcU(%#}^3 zYRNTr7^urE8=Fw0J8oi^B-lJ>ym*1ciG~%c)?D1#yYb4@<}KT9I@zc;EnD8KD7(?) zwrAd98pY8mQ}-r!W!#)$>!!VTtZcew)-rb5nY_^i9f`!r#+H?>7qn?wE!Oc;*1WT1 zdI!{YS>}BtS8K{19S66~(Ww_*eOX35*!xARHSHE^87>-_>%PDx>ojGji#DhkpRsGb zqU_v{p`yAp1QhMtplG93CTm!#o)G=?4=CDLS@>VQ!LPikS<%LGPCkz&x_;f@kfz;6 z-EPge-blf)aY*m`eP4rZyWPo5(HNP+Q1xrC$67w6SWiNmb<=ZrBYI;yTCt1N4eC0# zp|xdYqn6f2W%VN&r^vL+Cc*=!RiH#}uS`vQYMpp(Pql~_?&w5&s@rFgnZ|nACbpH` zj+b^b>?nJf9cM4Gci6k^6ZR$hp8d>D0l;ENz!Ip3W@v>q&;ggiM(BqD7=jVF33fml z_P`{Vun%0AhJ!EzcfoydKOBLha10)T$KgqM3Z91N;6-=|UWQlTO?V$ZfDhqg_zJ#; zZ{S<_8GeJ`;k2|!S|PPaE2Rsi4yjY>k~T{H(&f?>(spS?8kaKCKFN^^V*FACkhl8w z_(VE@FK4-|At3#QNIDS>$hK>*+j70K^?w7%&l&^-&pUrb@}hO?H}qdMI2WoSwkzQr z1PMn*2u~atJaVd{`lP_BvZ{jPYS4}%q>O2qkge7U?hBPQGD1pSB#LX5OJoF-x>yuD z+PY+fuPX7P($m(LK#-~nM6si7V?tIz6fRe;Odwpwpm8Vsq#OC zh0oYm>^t@gJB?UqfaTBvYoQwva5Y>9+YtkVfKj*&CLjY@&>;^t6yQ!o!(DI)?txjj z7Y-vDj==-)AUpz(!ej6RJOj@nB96oJh=*6gGXbEh^!ZX1JQNt5~?bcFXgNvK9Jfj&j{HXWxF_4)J9WRV}H#NWzYeF<Hy6IdH;%>r4!oYFR zzk_5eg{g^U9p9#-G*G~WG}NMPWyFMU0aC6_Q%QeOtiZ0uYJtTR2#0oKvhP zst4}1AonT`JF#%me3tmBDTltP08&`1bGtKqB)G)#@yt6<0nTA){HC(_M*GRz6n908kE$r;krC9;j2<&lVn602`PXNt zlShY#dQ7w~;-eHA$@0I^Q*$&tUV@`(IWsLdPT$tBulf81_0g!vA_uJ?{L_iLlV!0s z$Nww$YQ`E@)N=sNyle2BMl*+B0p hziw7gtikl}{}~W*tr?&H#U)vM{*Sl|JNM52e*%cl+fx7l delta 150 zcmZn(XfcprU|?W$DortDU=RQ@Ie-{MGjUEV6q~50D9Q?w2aDx0Br+6u=Hw?Q`jtjb+6wi`h9i1et*ffIxs7NVtNG+*tUXc{0C> WBgjsWp)4Sp31TT&Y;!!%9A*HdK^U$8 diff --git a/samples/3d-camera-to-around/index.html b/samples/3d-camera-to-around/index.html new file mode 100644 index 00000000..ef7a1560 --- /dev/null +++ b/samples/3d-camera-to-around/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts new file mode 100644 index 00000000..1bef2cb3 --- /dev/null +++ b/samples/3d-camera-to-around/index.ts @@ -0,0 +1,61 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_camera_to_around] +async function init() { + const { Map3DElement } = await google.maps.importLibrary("maps3d"); + + const map = new Map3DElement( + { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272 ,heading: -56.047035719765596, } + ); + + map.mode = "SATELLITE"; + + document.body.append(map); + + // We will use this for foth the flying to function but also the location to fly around. + const flyToCamera = { + center: { lat: 21.263523536467105, lng : -157.80663691939296, altitude: 80.28936069489404 }, + range: 1500.8202963253427, tilt: 76.9173260789542 ,heading: -44.59196007522445, + }; + + // Fly the camera from San Francisco to Hawaii, we could put this behind a button if we liked. + map.flyCameraTo({ + // Where we are going to. + endCamera: flyToCamera, + // How long we want the flight to take. + durationMillis: 30000, + }); + + // When the animation has completed fly around the location. + map.addEventListener('gmp-animationend', () => { + map.flyCameraAround({ + // What we are flying around. + camera: flyToCamera, + // How long we want it to take. + durationMillis: 50000, + // How many time it should fly around in the time we specified. + rounds: 1 + }); + }, {once: true}); // Stop after the flying around. + + // At any time stop the animation. + map3DElement.addEventListener('gmp-click', (event) => { + map3DElement.stopCameraAnimation(); + }); +} + +init(); +// [END maps_3d_camera_to_around] diff --git a/samples/3d-camera-to-around/package.json b/samples/3d-camera-to-around/package.json new file mode 100644 index 00000000..34403ea0 --- /dev/null +++ b/samples/3d-camera-to-around/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-camera-to-around", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-camera-to-around && bash ../app.sh 3d-camera-to-around && bash ../docs.sh 3d-camera-to-around && npm run build:vite --workspace=. && bash ../dist.sh 3d-camera-to-around", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-camera-to-around/style.css b/samples/3d-camera-to-around/style.css new file mode 100644 index 00000000..c7456fa0 --- /dev/null +++ b/samples/3d-camera-to-around/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_camera_to_around] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_camera_to_around] */ diff --git a/samples/3d-camera-to-around/tsconfig.json b/samples/3d-camera-to-around/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-camera-to-around/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-label-toggle/index.html b/samples/3d-label-toggle/index.html new file mode 100644 index 00000000..45928b23 --- /dev/null +++ b/samples/3d-label-toggle/index.html @@ -0,0 +1,20 @@ + + + + + Map + + + + + +
+ + + + + + + + diff --git a/samples/3d-label-toggle/index.ts b/samples/3d-label-toggle/index.ts new file mode 100644 index 00000000..f343e2c7 --- /dev/null +++ b/samples/3d-label-toggle/index.ts @@ -0,0 +1,51 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_label_toggle] +let map; +async function init() { + const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d"); + + map = new Map3DElement( + { center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, } + ); + + map.mode = MapMode.SATELLITE; + + document.body.append(map); + + const locationCamera = { + center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 }, + range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445, + }; + + // Get the button element by its ID + const toggleButton = document.getElementById('toggleButton'); + toggleButton.addEventListener('click', function () { + // Toggle the labels. + if (map.mode == MapMode.SATELLITE) { + // Setting the map mode to HYBRID turns the labels on. + map.mode = MapMode.HYBRID; + document.getElementById('toggleButton').innerText = "Labels are on. (HYBRID)"; + } else { + // Setting the map mode to SATELLITE turns the labels on. + map.mode = MapMode.SATELLITE; + document.getElementById('toggleButton').innerText = "Labels are off. (SATELLITE)"; + } + }); +} + +init(); +// [END maps_3d_label_toggle] diff --git a/samples/3d-label-toggle/package.json b/samples/3d-label-toggle/package.json new file mode 100644 index 00000000..a0053086 --- /dev/null +++ b/samples/3d-label-toggle/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-label-toggle", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-label-toggle && bash ../app.sh 3d-label-toggle && bash ../docs.sh 3d-label-toggle && npm run build:vite --workspace=. && bash ../dist.sh 3d-label-toggle", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-label-toggle/style.css b/samples/3d-label-toggle/style.css new file mode 100644 index 00000000..6bab95ab --- /dev/null +++ b/samples/3d-label-toggle/style.css @@ -0,0 +1,49 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_label_toggle] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +.toggleButton { + background: rgb(235, 235, 235); + color: black; + border: none; + padding: 10px 20px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + border-radius: 4px; + cursor: pointer; + position: fixed; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + z-index: 1000; +} + +.toggleButton:hover { + background-color: #007bff; + color: white; +} +/* [END maps_3d_label_toggle] */ diff --git a/samples/3d-label-toggle/tsconfig.json b/samples/3d-label-toggle/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-label-toggle/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-marker-click-event/index.html b/samples/3d-marker-click-event/index.html new file mode 100644 index 00000000..db188a89 --- /dev/null +++ b/samples/3d-marker-click-event/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-marker-click-event/index.ts b/samples/3d-marker-click-event/index.ts new file mode 100644 index 00000000..6bb6c5f6 --- /dev/null +++ b/samples/3d-marker-click-event/index.ts @@ -0,0 +1,54 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_marker_click_event] +async function initMap() { + // Include the interactive marker class + const { Map3DElement, Marker3DInteractiveElement } = await google.maps.importLibrary("maps3d"); + + // We will use this to place the camrea for the intial view but also to fly around the starting point. + const originalCamera = { + center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0 + }; + + const map = new Map3DElement({ + ...originalCamera, + mode: "SATELLITE", + }); + + // Create the interactive marker and set the attributes. + const interactiveMarker = new Marker3DInteractiveElement({ + position: { lat: 39.1178, lng: -106.4452, altitude: 100 }, + altitudeMode: "RELATIVE_TO_MESH", + extruded: true, + label: "Mount Elbert" + }); + + // Specify the action to take on click. + interactiveMarker.addEventListener('gmp-click', (event) => { + map.flyCameraAround({ + camera: originalCamera, + durationMillis: 50000, + rounds: 1 + }); + }); + + map.append(interactiveMarker); + + document.body.append(map); +} + +initMap(); +// [END maps_3d_marker_click_event] diff --git a/samples/3d-marker-click-event/package.json b/samples/3d-marker-click-event/package.json new file mode 100644 index 00000000..b11b291f --- /dev/null +++ b/samples/3d-marker-click-event/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-marker-click-event", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-marker-click-event && bash ../app.sh 3d-marker-click-event && bash ../docs.sh 3d-marker-click-event && npm run build:vite --workspace=. && bash ../dist.sh 3d-marker-click-event", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-marker-click-event/style.css b/samples/3d-marker-click-event/style.css new file mode 100644 index 00000000..3c73566c --- /dev/null +++ b/samples/3d-marker-click-event/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_marker_click_event] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_marker_click_event] */ diff --git a/samples/3d-marker-click-event/tsconfig.json b/samples/3d-marker-click-event/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-marker-click-event/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-marker-interactive/index.html b/samples/3d-marker-interactive/index.html new file mode 100644 index 00000000..f4601b2c --- /dev/null +++ b/samples/3d-marker-interactive/index.html @@ -0,0 +1,22 @@ + + + + + Map + + + + + +
+ +
+
Click on a marker to get the name of the Google Office.
+
+ + + + + + diff --git a/samples/3d-marker-interactive/index.ts b/samples/3d-marker-interactive/index.ts new file mode 100644 index 00000000..1f98f188 --- /dev/null +++ b/samples/3d-marker-interactive/index.ts @@ -0,0 +1,92 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_marker_interactive] +async function init() { + // Request needed libraries. + const { Map3DElement, Marker3DInteractiveElement, PopoverElement } = await google.maps.importLibrary("maps3d"); + + const map = new Map3DElement({ + center: { lat: 37.4690, lng: -122.1074, altitude: 0 }, + tilt: 67.5, + range: 45000, + mode: 'HYBRID' + }); + + map.mode = "SATELLITE"; + + for (const position of positions) { + const popover = new PopoverElement({ + open: true, + }); + + popover.append(position.name); + + const interactiveMarker = new Marker3DInteractiveElement({ + position, + gmpPopoverTargetElement: popover + }); + + map.append(interactiveMarker); + map.append(popover); + } + + document.body.append(map); +} + +const positions = [{ + lat: 37.50981071450543, + lng: -122.20280629839084, + name: "Google Redwood City", +}, { + lat: 37.423897572754754, + lng: -122.09167346506989, + name: "Google West Campus", +}, { + lat: 37.42333982824077, + lng: -122.06647571637265, + name: "Google Bay View", +}, { + lat: 37.42193728115661, + lng: -122.08531908774293, + name: "Googleplex", +}, { + lat: 37.39982552146971, + lng: -122.057934225745, + name: "Google Quad Campus", +}, { + lat: 37.40317922575345, + lng: -122.03276863941647, + name: "Google Tech Corners", +}, { + lat: 37.41181058680138, + lng: -121.9538960231151, + name: "Google San Jose", +}, { + lat: 37.62759428242346, + lng: -122.42615377188994, + name: "Google San Bruno", +}, { + lat: 37.40369749797231, + lng: -122.14812537955007, + name: "Google Palo Alto", +}, { + lat: 37.793664664297964, + lng: -122.39504580413139, + name: "Google San Francisco", +}]; + +init(); +// [END maps_3d_marker_interactive] diff --git a/samples/3d-marker-interactive/package.json b/samples/3d-marker-interactive/package.json new file mode 100644 index 00000000..d70799ff --- /dev/null +++ b/samples/3d-marker-interactive/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-marker-interactive", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-marker-interactive && bash ../app.sh 3d-marker-interactive && bash ../docs.sh 3d-marker-interactive && npm run build:vite --workspace=. && bash ../dist.sh 3d-marker-interactive", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-marker-interactive/style.css b/samples/3d-marker-interactive/style.css new file mode 100644 index 00000000..04c2b56c --- /dev/null +++ b/samples/3d-marker-interactive/style.css @@ -0,0 +1,48 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_marker_interactive] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +.textContainer { + background-color: #4d90fe; + box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); + margin: 10px; + font: 400 18px Roboto, Arial, sans-serif; + overflow: hidden; + position: absolute; + left: 50%; + bottom: 5px; + transform: translateX(-50%); + border: 1px solid white; + border-radius: 2px; + padding: 5px; + z-index: 1000; +} + +.text { + color: white; + font-size: 1em; + text-align: center; +} +/* [END maps_3d_marker_interactive] */ diff --git a/samples/3d-marker-interactive/tsconfig.json b/samples/3d-marker-interactive/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-marker-interactive/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-places-autocomplete/.DS_Store b/samples/3d-places-autocomplete/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 + + + + Map + + + + + +
+ +
+
Navigate to a place
+
+
+
+ + + + + + diff --git a/samples/3d-places-autocomplete/index.ts b/samples/3d-places-autocomplete/index.ts new file mode 100644 index 00000000..6af25654 --- /dev/null +++ b/samples/3d-places-autocomplete/index.ts @@ -0,0 +1,105 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_places_autocomplete] +let map = null; + +async function init() { + const { Map3DElement } = await google.maps.importLibrary("maps3d"); + + map = new Map3DElement({ + center: { lat: 0, lng: 0, altitude: 16000000 }, + tilt: 0, + range: 0, + heading: 0, + roll: 0, + mode: 'HYBRID' + }); + + document.body.append(map); + + initAutocomplete(); +} + +async function initAutocomplete() { + const { PlaceAutocompleteElement } = await google.maps.importLibrary("places") + + const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement(); + placeAutocomplete.id = 'place-autocomplete-input'; + const card = document.getElementById('pac-container'); + card.appendChild(placeAutocomplete); + + placeAutocomplete.addEventListener('gmp-select', async ({ placePrediction }) => { + const place = placePrediction.toPlace(); + await place.fetchFields({ fields: ['displayName', 'location', 'id'] }); + // If the place has a geometry, then present it on a map. + if (!place.location) { + window.alert("No viewport for input: " + place.displayName); + return; + } + flyToPlace(place); + }); +} + +const flyToPlace = async (place) => { + const { AltitudeMode, Polyline3DElement, Polygon3DElement, Marker3DElement } = await google.maps.importLibrary("maps3d"); + + const location = place.location; + + // We need to find the elevation for the point so we place the marker at 50m above the elevation. + const elevation = await getElevationforPoint(location); + + const marker = new Marker3DElement({ + position: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 }, + altitudeMode: AltitudeMode.ABSOLUTE, + extruded: true, + label: place.displayName, + }); + + // Add the marker. + map.append(marker); + + // Fly to the marker. + map.flyCameraTo({ + endCamera: { + center: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 }, + tilt: 65, + heading: 0, + range: 1000 + }, + durationMillis: 10000, + }); +}; + +async function getElevationforPoint(location) { + const { ElevationService } = await google.maps.importLibrary("elevation"); + // Get place elevation using the ElevationService. + const elevatorService = new google.maps.ElevationService(); + const elevationResponse = await elevatorService.getElevationForLocations({ + locations: [location], + }); + + if (!(elevationResponse.results && elevationResponse.results.length)) { + window.alert(`Insufficient elevation data for place: ${place.name}`); + return; + } + const elevation = elevationResponse.results[0].elevation || 10; + + return elevation; +} + +init(); + +// [END maps_3d_places_autocomplete] diff --git a/samples/3d-places-autocomplete/package.json b/samples/3d-places-autocomplete/package.json new file mode 100644 index 00000000..d2cad1fb --- /dev/null +++ b/samples/3d-places-autocomplete/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-places-autocomplete", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-places-autocomplete && bash ../app.sh 3d-places-autocomplete && bash ../docs.sh 3d-places-autocomplete && npm run build:vite --workspace=. && bash ../dist.sh 3d-places-autocomplete", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-places-autocomplete/style.css b/samples/3d-places-autocomplete/style.css new file mode 100644 index 00000000..9f09861e --- /dev/null +++ b/samples/3d-places-autocomplete/style.css @@ -0,0 +1,102 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_places_autocomplete] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +.pac-controls { + display: inline-block; + padding: 0px 11px; +} + +.pac-controls label { + font-family: Roboto; + font-size: 13px; + font-weight: 300; +} + +.pac-card { + background-color: #fff; + border: 0; + border-radius: 4px; + box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); + margin: 10px; + padding: 0 0.5em; + font: 400 18px Roboto, Arial, sans-serif; + /* overflow: hidden; */ + font-family: Roboto; + padding: 0; + position: absolute; + left: 10px; + top: 10px; + z-index: 99; +} + +#pac-container { + padding-top: 12px; + padding-bottom: 12px; + margin-right: 12px; + border-radius: 2px; + width: 412px; +} + +#pac-input { + background-color: #fff; + font-family: Roboto; + font-size: 15px; + font-weight: 300; + margin-left: 12px; + padding: 0 11px 0 13px; + text-overflow: ellipsis; + width: 400px; +} + +#pac-input:focus { + border-color: #4d90fe; +} + +#title { + color: #fff; + background-color: #4d90fe; + font-size: 14px; + font-weight: 500; + padding: 6px 12px; +} + +#place-autocomplete-card { + background-color: #fff; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; + margin: 10px; + padding: 5px; + font-family: Roboto, sans-serif; + font-size: large; + font-weight: bold; +} + +gmp-place-autocomplete { + padding-left: 10px; + width: 405px; + z-index: 100; +} +/* [END maps_3d_places_autocomplete] */ diff --git a/samples/3d-places-autocomplete/tsconfig.json b/samples/3d-places-autocomplete/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-places-autocomplete/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-polygon-click-event/index.html b/samples/3d-polygon-click-event/index.html new file mode 100644 index 00000000..8fe402ad --- /dev/null +++ b/samples/3d-polygon-click-event/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-polygon-click-event/index.ts b/samples/3d-polygon-click-event/index.ts new file mode 100644 index 00000000..0da45e23 --- /dev/null +++ b/samples/3d-polygon-click-event/index.ts @@ -0,0 +1,77 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_polygon_click_event] +async function init() { + const { Map3DElement, MapMode, Polygon3DInteractiveElement } = await google.maps.importLibrary("maps3d"); + + const map = new Map3DElement({ + center: { lat: 40.6842, lng: -74.0019, altitude: 1000 }, + heading: 340, + tilt: 70, + mode: MapMode.HYBRID, + }); + + document.body.append(map); + + const polygonOptions = { + strokeColor: "#0000ff80", + strokeWidth: 8, + fillColor: "#ff000080", + drawsOccludedSegments: false, + } + + const examplePolygon = new google.maps.maps3d.Polygon3DInteractiveElement(polygonOptions); + + examplePolygon.outerCoordinates = [ + { lat: 40.7144, lng: -74.0208 }, + { lat: 40.6993, lng: -74.019 }, + { lat: 40.7035, lng: -74.0004 }, + { lat: 40.7144, lng: -74.0208 } + ]; + + examplePolygon.addEventListener('gmp-click', (event) => { + // change the color of the polygon stroke and fill colors to a random alternatives! + event.target.fillColor = randomizeHexColor(event.target.fillColor); + event.target.strokeColor = randomizeHexColor(event.target.fillColor); + console.log(event); + }); + + map.append(examplePolygon); +} + +function randomizeHexColor(originalHexColor) { + console.log(originalHexColor); + let alpha = ''; + alpha = originalHexColor.substring(7); + + // Generate random values for Red, Green, Blue (0-255) + const r = Math.floor(Math.random() * 256); + const g = Math.floor(Math.random() * 256); + const b = Math.floor(Math.random() * 256); + + console.log(r + " " + g + " " + b); + + // Convert decimal to 2-digit hex, padding with '0' if needed + const rHex = ('0' + r.toString(16)).slice(-2); + const gHex = ('0' + g.toString(16)).slice(-2); + const bHex = ('0' + b.toString(16)).slice(-2); + + // Combine parts: '#' + random RGB + original Alpha (if any) + return `#${rHex}${gHex}${bHex}${alpha}`; +} + +init(); +// [END maps_3d_polygon_click_event] diff --git a/samples/3d-polygon-click-event/package.json b/samples/3d-polygon-click-event/package.json new file mode 100644 index 00000000..207fdd8c --- /dev/null +++ b/samples/3d-polygon-click-event/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-polygon-click-event", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-polygon-click-event && bash ../app.sh 3d-polygon-click-event && bash ../docs.sh 3d-polygon-click-event && npm run build:vite --workspace=. && bash ../dist.sh 3d-polygon-click-event", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-polygon-click-event/style.css b/samples/3d-polygon-click-event/style.css new file mode 100644 index 00000000..b8dadfd4 --- /dev/null +++ b/samples/3d-polygon-click-event/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_polygon_click_event] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_polygon_click_event] */ diff --git a/samples/3d-polygon-click-event/tsconfig.json b/samples/3d-polygon-click-event/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-polygon-click-event/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-polygon-extruded-hole/index.html b/samples/3d-polygon-extruded-hole/index.html new file mode 100644 index 00000000..988648c3 --- /dev/null +++ b/samples/3d-polygon-extruded-hole/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-polygon-extruded-hole/index.ts b/samples/3d-polygon-extruded-hole/index.ts new file mode 100644 index 00000000..78d1b01a --- /dev/null +++ b/samples/3d-polygon-extruded-hole/index.ts @@ -0,0 +1,60 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_polygon_extruded_hole] +async function init() { + const { Map3DElement, MapMode, AltitudeMode, Polygon3DElement } = await google.maps.importLibrary("maps3d"); + + const map3DElement = new Map3DElement({ + center: { lat: 40.6842, lng: -74.0019, altitude: 1000 }, + heading: 340, + tilt: 70, + mode: MapMode.HYBRID, + }); + + const polygonOptions = { + strokeColor: "#0000ff80", + strokeWidth: 8, + fillColor: "#ff000080", + drawsOccludedSegments: false, + extruded: true, + altitudeMode : AltitudeMode.RELATIVE_TO_GROUND + } + + const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions); + + examplePolygon.outerCoordinates = [ + { lat: 40.7144, lng: -74.0208, altitude: 200 }, + { lat: 40.6993, lng: -74.019, altitude: 200 }, + { lat: 40.7035, lng: -74.0004, altitude: 200 }, + { lat: 40.7144, lng: -74.0208, altitude: 200 } + ]; + + examplePolygon.innerCoordinates = [ + [ + { lat: 40.71, lng: -74.0175, altitude: 200 }, + { lat: 40.703, lng: -74.0165, altitude: 200 }, + { lat: 40.7035, lng: -74.006, altitude: 200 }, + { lat: 40.71, lng: -74.0175, altitude: 200 } + ] + ]; + + map3DElement.append(examplePolygon); + + document.body.append(map3DElement); +} + +init(); +// [END maps_3d_polygon_extruded_hole] diff --git a/samples/3d-polygon-extruded-hole/package.json b/samples/3d-polygon-extruded-hole/package.json new file mode 100644 index 00000000..1ac88b14 --- /dev/null +++ b/samples/3d-polygon-extruded-hole/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-polygon-extruded-hole", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-polygon-extruded-hole && bash ../app.sh 3d-polygon-extruded-hole && bash ../docs.sh 3d-polygon-extruded-hole && npm run build:vite --workspace=. && bash ../dist.sh 3d-polygon-extruded-hole", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-polygon-extruded-hole/style.css b/samples/3d-polygon-extruded-hole/style.css new file mode 100644 index 00000000..49f04a67 --- /dev/null +++ b/samples/3d-polygon-extruded-hole/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_polygon_extruded_hole] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_polygon_extruded_hole] */ diff --git a/samples/3d-polygon-extruded-hole/tsconfig.json b/samples/3d-polygon-extruded-hole/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-polygon-extruded-hole/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-polygon/index.html b/samples/3d-polygon/index.html new file mode 100644 index 00000000..ea2be2f3 --- /dev/null +++ b/samples/3d-polygon/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-polygon/index.ts b/samples/3d-polygon/index.ts new file mode 100644 index 00000000..399b91dc --- /dev/null +++ b/samples/3d-polygon/index.ts @@ -0,0 +1,49 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_polygon] +async function init() { + const { Map3DElement, MapMode, Polygon3DElement } = await google.maps.importLibrary("maps3d"); + + const map3DElement = new Map3DElement({ + center: { lat: 40.6842, lng: -74.0019, altitude: 1000 }, + heading: 340, + tilt: 70, + mode: MapMode.HYBRID, + }); + + const polygonOptions = { + strokeColor: "#0000ff80", + strokeWidth: 8, + fillColor: "#ff000080", + drawsOccludedSegments: false, + } + + const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions); + + examplePolygon.outerCoordinates = [ + { lat: 40.7144, lng: -74.0208 }, + { lat: 40.6993, lng: -74.019 }, + { lat: 40.7035, lng: -74.0004 }, + { lat: 40.7144, lng: -74.0208 } + ]; + + map3DElement.append(examplePolygon); + + document.body.append(map3DElement); +} + +init(); +// [END maps_3d_polygon] diff --git a/samples/3d-polygon/package.json b/samples/3d-polygon/package.json new file mode 100644 index 00000000..8eec5ea2 --- /dev/null +++ b/samples/3d-polygon/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-polygon", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-polygon && bash ../app.sh 3d-polygon && bash ../docs.sh 3d-polygon && npm run build:vite --workspace=. && bash ../dist.sh 3d-polygon", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "devDependencies": { + "@playwright/test": "^1.51.1" + } +} diff --git a/samples/3d-polygon/style.css b/samples/3d-polygon/style.css new file mode 100644 index 00000000..3bc34b29 --- /dev/null +++ b/samples/3d-polygon/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_polygon] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_polygon] */ diff --git a/samples/3d-polygon/tsconfig.json b/samples/3d-polygon/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-polygon/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-polyline-click-event/index.html b/samples/3d-polyline-click-event/index.html new file mode 100644 index 00000000..2cbd90ce --- /dev/null +++ b/samples/3d-polyline-click-event/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-polyline-click-event/index.ts b/samples/3d-polyline-click-event/index.ts new file mode 100644 index 00000000..dec4f54c --- /dev/null +++ b/samples/3d-polyline-click-event/index.ts @@ -0,0 +1,59 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_polyline_click_event] +let map; +async function init() { + const { Map3DElement, MapMode, AltitudeMode, Polyline3DInteractiveElement } = await google.maps.importLibrary("maps3d"); + + map = new Map3DElement({ + center: { lat: 37.7927, lng : -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01 ,heading: 25.00, + mode: MapMode.SATELLITE, + }); + + document.body.append(map); + + const polyline = new Polyline3DInteractiveElement({ + coordinates: [ + { lat: 37.80515638571346, lng: -122.4032569467164 }, + { lat: 37.80337073509504, lng: -122.4012878349353 }, + { lat: 37.79925208843463, lng: -122.3976697250461 }, + { lat: 37.7989102378512, lng: -122.3983408725656 }, + { lat: 37.79887832784348, lng: -122.3987094864192 }, + { lat: 37.79786443410338, lng: -122.4066878788802 }, + { lat: 37.79549248916587, lng: -122.4032992702785 }, + { lat: 37.78861484290265, lng: -122.4019489189814 }, + { lat: 37.78618687561075, lng: -122.398969592545 }, + { lat: 37.7892310309145, lng: -122.3951458683092 }, + { lat: 37.7916358762409, lng: -122.3981969390652 } + ], + strokeColor: 'blue', + outerColor: 'white', + strokeWidth: 10, + outerWidth: 0.4, + altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height). + drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way. + }); + + polyline.addEventListener('gmp-click', (event) => { + // Toggle whether the line draws occluded segments. + event.target.drawsOccludedSegments = !event.target.drawsOccludedSegments; + }); + + map.append(polyline); +} + +init(); +// [END maps_3d_polyline_click_event] diff --git a/samples/3d-polyline-click-event/package.json b/samples/3d-polyline-click-event/package.json new file mode 100644 index 00000000..85c4ea5f --- /dev/null +++ b/samples/3d-polyline-click-event/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-polyline-click-event", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-polyline-click-event && bash ../app.sh 3d-polyline-click-event && bash ../docs.sh 3d-polyline-click-event && npm run build:vite --workspace=. && bash ../dist.sh 3d-polyline-click-event", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-polyline-click-event/style.css b/samples/3d-polyline-click-event/style.css new file mode 100644 index 00000000..d8f99166 --- /dev/null +++ b/samples/3d-polyline-click-event/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_polyline_click_event] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_polyline_click_event] */ diff --git a/samples/3d-polyline-click-event/tsconfig.json b/samples/3d-polyline-click-event/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-polyline-click-event/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-polyline-extruded/index.html b/samples/3d-polyline-extruded/index.html new file mode 100644 index 00000000..422a65bc --- /dev/null +++ b/samples/3d-polyline-extruded/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-polyline-extruded/index.ts b/samples/3d-polyline-extruded/index.ts new file mode 100644 index 00000000..f7582ba3 --- /dev/null +++ b/samples/3d-polyline-extruded/index.ts @@ -0,0 +1,52 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_polyline_extruded] +let map; +async function init() { + const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d"); + + map = new Map3DElement({ + center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00, + mode: MapMode.SATELLITE, + }); + + document.body.append(map); + + const polyline = new Polyline3DElement({ + coordinates: [ + { lat: 37.80515638571346, lng: -122.4032569467164, altitude: 100 }, + { lat: 37.80337073509504, lng: -122.4012878349353, altitude: 100 }, + { lat: 37.79925208843463, lng: -122.3976697250461, altitude: 100 }, + { lat: 37.7989102378512, lng: -122.3983408725656, altitude: 100 }, + { lat: 37.79887832784348, lng: -122.3987094864192, altitude: 100 }, + { lat: 37.79786443410338, lng: -122.4066878788802, altitude: 100 }, + { lat: 37.79549248916587, lng: -122.4032992702785, altitude: 100 }, + { lat: 37.78861484290265, lng: -122.4019489189814, altitude: 100 }, + { lat: 37.78618687561075, lng: -122.398969592545, altitude: 100 }, + { lat: 37.7892310309145, lng: -122.3951458683092, altitude: 100 }, + { lat: 37.7916358762409, lng: -122.3981969390652, altitude: 100 } + ], + strokeColor: '#0000FF80', + strokeWidth: 10, + altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height). + extruded: true + }); + + map.append(polyline); +} + +init(); +// [END maps_3d_polyline_extruded] diff --git a/samples/3d-polyline-extruded/package.json b/samples/3d-polyline-extruded/package.json new file mode 100644 index 00000000..5e78ed71 --- /dev/null +++ b/samples/3d-polyline-extruded/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-polyline-extruded", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-polyline-extruded && bash ../app.sh 3d-polyline-extruded && bash ../docs.sh 3d-polyline-extruded && npm run build:vite --workspace=. && bash ../dist.sh 3d-polyline-extruded", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-polyline-extruded/style.css b/samples/3d-polyline-extruded/style.css new file mode 100644 index 00000000..9f4ac5bd --- /dev/null +++ b/samples/3d-polyline-extruded/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_polyline_extruded] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_polyline_extruded] */ diff --git a/samples/3d-polyline-extruded/tsconfig.json b/samples/3d-polyline-extruded/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-polyline-extruded/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-polyline/index.html b/samples/3d-polyline/index.html new file mode 100644 index 00000000..74cb0493 --- /dev/null +++ b/samples/3d-polyline/index.html @@ -0,0 +1,18 @@ + + + + + Map + + + + + +
+ + + + + + diff --git a/samples/3d-polyline/index.ts b/samples/3d-polyline/index.ts new file mode 100644 index 00000000..085e14b6 --- /dev/null +++ b/samples/3d-polyline/index.ts @@ -0,0 +1,54 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_polyline] +let map; +async function init() { + const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d"); + + map = new Map3DElement({ + center: { lat: 37.7927, lng : -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01 ,heading: 25.00, + mode: MapMode.SATELLITE, + }); + + document.body.append(map); + + const polyline = new Polyline3DElement({ + coordinates: [ + { lat: 37.80515638571346, lng: -122.4032569467164 }, + { lat: 37.80337073509504, lng: -122.4012878349353 }, + { lat: 37.79925208843463, lng: -122.3976697250461 }, + { lat: 37.7989102378512, lng: -122.3983408725656 }, + { lat: 37.79887832784348, lng: -122.3987094864192 }, + { lat: 37.79786443410338, lng: -122.4066878788802 }, + { lat: 37.79549248916587, lng: -122.4032992702785 }, + { lat: 37.78861484290265, lng: -122.4019489189814 }, + { lat: 37.78618687561075, lng: -122.398969592545 }, + { lat: 37.7892310309145, lng: -122.3951458683092 }, + { lat: 37.7916358762409, lng: -122.3981969390652 } + ], + strokeColor: 'blue', + outerColor: 'white', + strokeWidth: 10, + outerWidth: 0.4, + altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height). + drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way. + }); + + map.append(polyline); +} + +init(); +// [END maps_3d_polyline] diff --git a/samples/3d-polyline/package.json b/samples/3d-polyline/package.json new file mode 100644 index 00000000..8f31c01e --- /dev/null +++ b/samples/3d-polyline/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-polyline", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-polyline && bash ../app.sh 3d-polyline && bash ../docs.sh 3d-polyline && npm run build:vite --workspace=. && bash ../dist.sh 3d-polyline", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-polyline/style.css b/samples/3d-polyline/style.css new file mode 100644 index 00000000..b8450dc7 --- /dev/null +++ b/samples/3d-polyline/style.css @@ -0,0 +1,27 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_polyline] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +map { + height: 100%; +} +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_polyline] */ diff --git a/samples/3d-polyline/tsconfig.json b/samples/3d-polyline/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-polyline/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} diff --git a/samples/3d-simple-map-declarative/index.html b/samples/3d-simple-map-declarative/index.html new file mode 100644 index 00000000..f89f988c --- /dev/null +++ b/samples/3d-simple-map-declarative/index.html @@ -0,0 +1,15 @@ + + + + + Map + + + + + + + + + diff --git a/samples/3d-simple-map-declarative/index.ts b/samples/3d-simple-map-declarative/index.ts new file mode 100644 index 00000000..0eb0e9e1 --- /dev/null +++ b/samples/3d-simple-map-declarative/index.ts @@ -0,0 +1,18 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ + +// @ts-nocheck +// [START maps_3d_simple_map_declarative] + +// [END maps_3d_simple_map_declarative] diff --git a/samples/3d-simple-map-declarative/package.json b/samples/3d-simple-map-declarative/package.json new file mode 100644 index 00000000..02b1b949 --- /dev/null +++ b/samples/3d-simple-map-declarative/package.json @@ -0,0 +1,14 @@ +{ + "name": "@js-api-samples/3d-simple-map-declarative", + "version": "1.0.0", + "scripts": { + "build": "tsc && bash ../jsfiddle.sh 3d-simple-map-declarative && bash ../app.sh 3d-simple-map-declarative && bash ../docs.sh 3d-simple-map-declarative && npm run build:vite --workspace=. && bash ../dist.sh 3d-simple-map-declarative", + "test": "tsc && npm run build:vite --workspace=.", + "start": "tsc && vite build --base './' && vite", + "build:vite": "vite build --base './'", + "preview": "vite preview" + }, + "dependencies": { + + } +} diff --git a/samples/3d-simple-map-declarative/style.css b/samples/3d-simple-map-declarative/style.css new file mode 100644 index 00000000..8ca16f05 --- /dev/null +++ b/samples/3d-simple-map-declarative/style.css @@ -0,0 +1,29 @@ +/* + * Copyright 2025 Google LLC + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * * https://www.apache.org/licenses/LICENSE-2.0 + * * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. +*/ +/* [START maps_3d_simple_map_declarative] */ +/* * Always set the map height explicitly to define the size of the div element + * that contains the map. + */ +html, +gmp-map-3d { + height: 100%; +} + +html, +body { + height: 100%; + margin: 0; + padding: 0; +} +/* [END maps_3d_simple_map_declarative] */ diff --git a/samples/3d-simple-map-declarative/tsconfig.json b/samples/3d-simple-map-declarative/tsconfig.json new file mode 100644 index 00000000..366aabb0 --- /dev/null +++ b/samples/3d-simple-map-declarative/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "esnext", + "strict": true, + "noImplicitAny": false, + "lib": [ + "es2015", + "esnext", + "es6", + "dom", + "dom.iterable" + ], + "moduleResolution": "Node", + "jsx": "preserve" + } +} From 67220f5b2f723e311471f0585b524ed6c5d0f40a Mon Sep 17 00:00:00 2001 From: Ari Oppenheimer Date: Fri, 11 Apr 2025 06:11:22 -0700 Subject: [PATCH 4/7] updated fly camera to / around sample --- samples/3d-camera-to-around/index.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts index 1bef2cb3..ecffcd09 100644 --- a/samples/3d-camera-to-around/index.ts +++ b/samples/3d-camera-to-around/index.ts @@ -18,7 +18,7 @@ async function init() { const { Map3DElement } = await google.maps.importLibrary("maps3d"); const map = new Map3DElement( - { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272 ,heading: -56.047035719765596, } + { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, } ); map.mode = "SATELLITE"; @@ -52,8 +52,8 @@ async function init() { }, {once: true}); // Stop after the flying around. // At any time stop the animation. - map3DElement.addEventListener('gmp-click', (event) => { - map3DElement.stopCameraAnimation(); + map.addEventListener('gmp-click', (event) => { + map.stopCameraAnimation(); }); } From 3faaf2e517a88d2d4ec01b02443180f61a78faa6 Mon Sep 17 00:00:00 2001 From: Ari Oppenheimer Date: Sat, 12 Apr 2025 15:53:45 -0700 Subject: [PATCH 5/7] Add/modify licenses, update comments, add .ds_store to gitignore and remove said files from PR --- .DS_Store | Bin 8196 -> 8196 bytes samples/.gitignore | 1 + samples/3d-camera-to-around/index.html | 5 ++++ samples/3d-camera-to-around/index.ts | 28 +++++++------------ samples/3d-camera-to-around/style.css | 14 ++-------- samples/3d-label-toggle/index.html | 5 ++++ samples/3d-label-toggle/index.ts | 14 ++-------- samples/3d-label-toggle/style.css | 14 ++-------- samples/3d-marker-click-event/index.html | 5 ++++ samples/3d-marker-click-event/index.ts | 14 ++-------- samples/3d-marker-click-event/style.css | 14 ++-------- samples/3d-marker-customization/index.html | 5 ++++ samples/3d-marker-customization/index.ts | 14 ++-------- samples/3d-marker-customization/style.css | 14 ++-------- samples/3d-marker-interactive/index.html | 5 ++++ samples/3d-marker-interactive/index.ts | 14 ++-------- samples/3d-marker-interactive/style.css | 14 ++-------- samples/3d-places-autocomplete/index.html | 5 ++++ samples/3d-places-autocomplete/index.ts | 14 ++-------- samples/3d-places-autocomplete/style.css | 14 ++-------- samples/3d-places/index.html | 5 ++++ samples/3d-places/index.ts | 14 ++-------- samples/3d-places/style.css | 14 ++-------- samples/3d-polygon-click-event/index.html | 5 ++++ samples/3d-polygon-click-event/index.ts | 14 ++-------- samples/3d-polygon-click-event/style.css | 14 ++-------- samples/3d-polygon-extruded-hole/index.html | 5 ++++ samples/3d-polygon-extruded-hole/index.ts | 14 ++-------- samples/3d-polygon-extruded-hole/style.css | 14 ++-------- samples/3d-polygon/index.html | 5 ++++ samples/3d-polygon/index.ts | 14 ++-------- samples/3d-polygon/style.css | 14 ++-------- samples/3d-polyline-click-event/index.html | 5 ++++ samples/3d-polyline-click-event/index.ts | 14 ++-------- samples/3d-polyline-click-event/style.css | 14 ++-------- samples/3d-polyline-extruded/index.html | 5 ++++ samples/3d-polyline-extruded/index.ts | 14 ++-------- samples/3d-polyline-extruded/style.css | 14 ++-------- samples/3d-polyline/index.html | 5 ++++ samples/3d-polyline/index.ts | 14 ++-------- samples/3d-polyline/style.css | 14 ++-------- samples/3d-popover-location/index.html | 5 ++++ samples/3d-popover-location/index.ts | 14 ++-------- samples/3d-popover-location/style.css | 14 ++-------- samples/3d-popover-marker/index.html | 5 ++++ samples/3d-popover-marker/index.ts | 14 ++-------- samples/3d-popover-marker/style.css | 14 ++-------- samples/3d-simple-map-declarative/index.html | 5 ++++ samples/3d-simple-map-declarative/index.ts | 14 ++-------- samples/3d-simple-map-declarative/style.css | 14 ++-------- samples/3d-simple-map/index.html | 5 ++++ samples/3d-simple-map/index.ts | 14 ++-------- samples/3d-simple-map/style.css | 14 ++-------- samples/3d-simple-marker/index.html | 5 ++++ samples/3d-simple-marker/index.ts | 14 ++-------- samples/3d-simple-marker/style.css | 14 ++-------- 56 files changed, 206 insertions(+), 403 deletions(-) diff --git a/.DS_Store b/.DS_Store index a91e5369de25226dcbf58466d7ce4b5fcee6b2a5..012510fc7b9a7fb2eccb40b89f578e6b9350e434 100644 GIT binary patch literal 8196 zcmeHMU2GIp6h3EK=)Eb0DZ;dcE^I6a))mTM0jqWU2b8~Rx1~S))Y+W@CQN6_&g?Eq zs*OesM2Yd|!9-2`i4VqzJ{Zu%2NNGOF(zU~jT-e)UraO_UKG!rJKNZ8`(R?!;N0Zi zbI-Zw+?jLcJ9GEU0syw>j12&_0KljVs#el4OB3s&&uB_0sUV7E58bw#N!xCkcy)$$ zB#0sqMIeem6oDuLQ3U=A5uh_$G&aY%FIS^6ia->B|78Tk`yozU&}2v_Bn@62Gz298 z(Q*<8jpo5mf1+_AAes#6grp>)hSHR%G{vyQz_4;aX-@0OP=7*FX$}}%nf3{ zVc~)CKpikCX*5O=h$1jE0-|;=2LoKlfLBt#x6#_Vt3eA4D_}2lLkD!hen>%AiT3#t zZ4SMp*#@1kkLWrW1!KAe#!4(IzyqE1#=r&>ymY}E3%@2@NRQc;=QlN7My0HL-uwzy z!7AC|)N!|v@^wGwwd>h~g6nf#J6)XX=>wKo7*UsWxQ?$|j+qS%EW;#~Lj#s$xP^8% z=NMjKo01ERGd`l$oIbr}Ln6MVY1?=retP@HrbK-6rsnZ+&XzW;Z|NO5VUIfQnIJ5H z;X4VcBtJEtrCEtnwwLdaPAON4PJLc)z^PuL{)R1*=yRmZ{^KS-8a1vb&*H@ zb!S}Xj;xs{zXmd{of~y%r8=YAnH(vbZML1V?lHYV-#q1u*|6tk{f~wQ8&MYv z`<^l1avkr0ne~Wr{@Q}2%T_k5y?Nu-Tid$2_f1wUT%=Yn=6smK;`r84%gpu{EWYMD4 zK{vY3HN=jF)UVgBXY8PmcVtZ(rI@eQ)^Js4eIDJk+@g^uxa#q~6ZGt)>3Y6_sRr-2 z^|WbA(PrMv)IEG4FFljO?YxCmV}cK6+|g0;$CKh#Ey>jP*%5K=y}IZ3jG0dHu3EKD z#)iG)de-bI5O|6fyBG_e2FZmk37e0WG z;A6N1pTJk}HGBi#!uRkK{0zUquULi)unHIAGHk$AcmuA%1a84*+=kn+6?ft;+>Lwi zP8`OAco>i1QFL((J@j!LAHs+644%cO@dbPlU&8Zv5#PeM@k9I+FXLzU9sYp7;Z+3` zR1~FBQI$G*(@HTb2Bv$X2$yGOMVRW!$=R|Zwqxh6?tdjKzE~jh;JPJCSBT_jZb?o- zNP@12vp?fEfb2A&2apY(aw*odn%cT$%XzGyFm0ZiE5+0bfnGK#v{%M?Or1xlm+Y$5 z#Lg$gOZLXbSWHzY(ImTWeT=JRltw(T-PA}dhRoJ&oU7%OP<*nkrdH#(@!PpbV-*73 zwszV{q{rU?)aT(9cpWandj!!W6!&+R9^%x^)uEj>YDS+oz0_QE* zf}Oa70NPCuO<_L{;2;iR8Vxi9n4Sz^n!|hXKD-|vzz6XhK8BCu6Zj-Ph0hUWUoC;- z?&)yEcV@ydpUOJ6>l~w%B8aCOT^n4PbfZ?(|6Ox`|Gzezjl75=5Jh0t2w-_eYoM=#v6P^0Qkmhkx6*kF`PDn};YXA6$fWP*uI6D8M L^FP4pwKn_#ek)r` literal 8196 zcmeHMU2GIp6h3EK*qMRS+tQY@6JSFlKc$7zLZN_h`-fCONOwz10oU1`0VYgm%FgUA zNQjNZ7X!pZjW3G-k7A5J4vLMiewK%wwue^ZkEPuj&{U| zA`nF&ia->BC<0Lg?u7`@JDV5zF7JIIjoK&zQ3U>%5#Y~<1XWIxA)OL5cyv$`Tmgty z6FVr>4}SU+O>hR$WJsq3B@Pu7rbLA)hF1&>Zw@HTNuCV#rvw$|fWgW%Pq;FMHxvvn z9+(K!0h5A8Z4`kh0&^q4@9x!LfD1YBD(>&SBwK$wD1l)N_P`MI!yr5gDHyEKey2iP zfnn0@g#p-0bUjRfG1~%{RanHp1D*6H!3Gn&Y{{Dpzb0JCPTH2|cXZr9sj7P3{Foe* z7sy9a$K6uO*ZqRmr{@pxQQCFwY`L#z4_Ia?!y5Ws$JZ^#%m)URVUo(>QOhyhQlDFJ z3@@-v34yH0N`}SHoayT5+1!?B@9f-qwk>g{r?aCiv8k*3>{&%_Y}v4VICH|DaNP4j zWB|j*64Z$COnZTP6@J-Xv0wOA)l~ND>#|>pxVR~b}dCKR#anH^B{efbJv4Up~ zo1|wI%>mN(#w?nSt2NAQT69pkys&ZE%2n$+Hg9`qVAr1g(>04~nOd(lj211=%G%~g z$uj)o2X!xJI)>#O8>a|5zID_x^GY4Qq@*2v!klJJOPZI)HLX&+Jj+-iYn?1u{%O`C z%hPO8ZO!r(ntIrv&Fys!KAXWlkd;8vvO?1iaY=vPq}B)xR^fYI&2Hs$zDx+jIX>$ z_xyd6rbD~B9xgvfvT^UYo;UZE2xTF6h`7Ot5uY0k8kX+{LJG)Ua^xVNuGcUEH=3K4 zFl|^%%j^r8PRVkL79pDsT>xBeNw$h(34*G$Bs;?6l3^)jR}yx?Val3GI0xt9Ww-=y z!-wz@d9 zJSB7JvY60Ls4HbcJ)0+n52&kU!aJKUhOO~7nKFz?!BE{0->6U?u_`fajc-o84l{SkhGU*I;%1kxr< z;3|SC2WdNY;}-0}ZMXvmaVPG=Ap&d~M{pF!a2#_4*rRw1EzF~bJ{IvwoFdSk!>0+d z&*F3VJidUJ@D+RwUk}0i9==}z$46$v5wFgLV=^1}6|1Px56;VPUTT*ryd{9#D_ gL?}y!bV^W?Q2Eb41pLdtnWOiA^!^WkeUCSP0+D8QwEzGB diff --git a/samples/.gitignore b/samples/.gitignore index 68c5d18f..86647843 100644 --- a/samples/.gitignore +++ b/samples/.gitignore @@ -3,3 +3,4 @@ node_modules/ /playwright-report/ /blob-report/ /playwright/.cache/ +**/.DS_Store \ No newline at end of file diff --git a/samples/3d-camera-to-around/index.html b/samples/3d-camera-to-around/index.html index ef7a1560..f0af56bb 100644 --- a/samples/3d-camera-to-around/index.html +++ b/samples/3d-camera-to-around/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts index ecffcd09..af0ef996 100644 --- a/samples/3d-camera-to-around/index.ts +++ b/samples/3d-camera-to-around/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck @@ -25,13 +17,13 @@ async function init() { document.body.append(map); - // We will use this for foth the flying to function but also the location to fly around. + // Used for both the fly to function and the location to fly around. const flyToCamera = { center: { lat: 21.263523536467105, lng : -157.80663691939296, altitude: 80.28936069489404 }, range: 1500.8202963253427, tilt: 76.9173260789542 ,heading: -44.59196007522445, }; - // Fly the camera from San Francisco to Hawaii, we could put this behind a button if we liked. + // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively. map.flyCameraTo({ // Where we are going to. endCamera: flyToCamera, @@ -39,17 +31,17 @@ async function init() { durationMillis: 30000, }); - // When the animation has completed fly around the location. + // When the animation has completed, fly around the location. map.addEventListener('gmp-animationend', () => { map.flyCameraAround({ - // What we are flying around. + // Location to fly around. camera: flyToCamera, - // How long we want it to take. + // Length of time to fly to the location. durationMillis: 50000, - // How many time it should fly around in the time we specified. + // Number of rotations to make in the specified time. rounds: 1 }); - }, {once: true}); // Stop after the flying around. + }, {once: true}); // Stop animation after flying around. // At any time stop the animation. map.addEventListener('gmp-click', (event) => { diff --git a/samples/3d-camera-to-around/style.css b/samples/3d-camera-to-around/style.css index c7456fa0..5557b807 100644 --- a/samples/3d-camera-to-around/style.css +++ b/samples/3d-camera-to-around/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_camera_to_around] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-label-toggle/index.html b/samples/3d-label-toggle/index.html index 45928b23..e9965e3f 100644 --- a/samples/3d-label-toggle/index.html +++ b/samples/3d-label-toggle/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-label-toggle/index.ts b/samples/3d-label-toggle/index.ts index f343e2c7..c61661bc 100644 --- a/samples/3d-label-toggle/index.ts +++ b/samples/3d-label-toggle/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-label-toggle/style.css b/samples/3d-label-toggle/style.css index 6bab95ab..9c8246fc 100644 --- a/samples/3d-label-toggle/style.css +++ b/samples/3d-label-toggle/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_label_toggle] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-marker-click-event/index.html b/samples/3d-marker-click-event/index.html index db188a89..716ed960 100644 --- a/samples/3d-marker-click-event/index.html +++ b/samples/3d-marker-click-event/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-marker-click-event/index.ts b/samples/3d-marker-click-event/index.ts index 6bb6c5f6..a089a25e 100644 --- a/samples/3d-marker-click-event/index.ts +++ b/samples/3d-marker-click-event/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-marker-click-event/style.css b/samples/3d-marker-click-event/style.css index 3c73566c..b6434892 100644 --- a/samples/3d-marker-click-event/style.css +++ b/samples/3d-marker-click-event/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_marker_click_event] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-marker-customization/index.html b/samples/3d-marker-customization/index.html index a0bb187a..6f1d7539 100644 --- a/samples/3d-marker-customization/index.html +++ b/samples/3d-marker-customization/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-marker-customization/index.ts b/samples/3d-marker-customization/index.ts index 1bbb13a7..f0387863 100644 --- a/samples/3d-marker-customization/index.ts +++ b/samples/3d-marker-customization/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-marker-customization/style.css b/samples/3d-marker-customization/style.css index 11426034..efbeb555 100644 --- a/samples/3d-marker-customization/style.css +++ b/samples/3d-marker-customization/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_marker_customization] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-marker-interactive/index.html b/samples/3d-marker-interactive/index.html index f4601b2c..22ced725 100644 --- a/samples/3d-marker-interactive/index.html +++ b/samples/3d-marker-interactive/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-marker-interactive/index.ts b/samples/3d-marker-interactive/index.ts index 1f98f188..81fad67f 100644 --- a/samples/3d-marker-interactive/index.ts +++ b/samples/3d-marker-interactive/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-marker-interactive/style.css b/samples/3d-marker-interactive/style.css index 04c2b56c..ef9f6866 100644 --- a/samples/3d-marker-interactive/style.css +++ b/samples/3d-marker-interactive/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_marker_interactive] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-places-autocomplete/index.html b/samples/3d-places-autocomplete/index.html index 34ce27ab..98b9d9e8 100644 --- a/samples/3d-places-autocomplete/index.html +++ b/samples/3d-places-autocomplete/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-places-autocomplete/index.ts b/samples/3d-places-autocomplete/index.ts index 6af25654..70675f41 100644 --- a/samples/3d-places-autocomplete/index.ts +++ b/samples/3d-places-autocomplete/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-places-autocomplete/style.css b/samples/3d-places-autocomplete/style.css index 9f09861e..785b9f19 100644 --- a/samples/3d-places-autocomplete/style.css +++ b/samples/3d-places-autocomplete/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_places_autocomplete] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-places/index.html b/samples/3d-places/index.html index 405b2905..35e39790 100644 --- a/samples/3d-places/index.html +++ b/samples/3d-places/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-places/index.ts b/samples/3d-places/index.ts index 94ee72d0..0fddf7a6 100644 --- a/samples/3d-places/index.ts +++ b/samples/3d-places/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ //@ts-nocheck // [START maps_3d_places] diff --git a/samples/3d-places/style.css b/samples/3d-places/style.css index 5d0831cc..85bfe863 100644 --- a/samples/3d-places/style.css +++ b/samples/3d-places/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_places] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-polygon-click-event/index.html b/samples/3d-polygon-click-event/index.html index 8fe402ad..d5e15434 100644 --- a/samples/3d-polygon-click-event/index.html +++ b/samples/3d-polygon-click-event/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-polygon-click-event/index.ts b/samples/3d-polygon-click-event/index.ts index 0da45e23..3fa1b14e 100644 --- a/samples/3d-polygon-click-event/index.ts +++ b/samples/3d-polygon-click-event/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-polygon-click-event/style.css b/samples/3d-polygon-click-event/style.css index b8dadfd4..f0bba123 100644 --- a/samples/3d-polygon-click-event/style.css +++ b/samples/3d-polygon-click-event/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_polygon_click_event] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-polygon-extruded-hole/index.html b/samples/3d-polygon-extruded-hole/index.html index 988648c3..fb0b806f 100644 --- a/samples/3d-polygon-extruded-hole/index.html +++ b/samples/3d-polygon-extruded-hole/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-polygon-extruded-hole/index.ts b/samples/3d-polygon-extruded-hole/index.ts index 78d1b01a..f4fd8b59 100644 --- a/samples/3d-polygon-extruded-hole/index.ts +++ b/samples/3d-polygon-extruded-hole/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-polygon-extruded-hole/style.css b/samples/3d-polygon-extruded-hole/style.css index 49f04a67..81dc8ef9 100644 --- a/samples/3d-polygon-extruded-hole/style.css +++ b/samples/3d-polygon-extruded-hole/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_polygon_extruded_hole] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-polygon/index.html b/samples/3d-polygon/index.html index ea2be2f3..72295beb 100644 --- a/samples/3d-polygon/index.html +++ b/samples/3d-polygon/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-polygon/index.ts b/samples/3d-polygon/index.ts index 399b91dc..4bc0c6bd 100644 --- a/samples/3d-polygon/index.ts +++ b/samples/3d-polygon/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-polygon/style.css b/samples/3d-polygon/style.css index 3bc34b29..04901599 100644 --- a/samples/3d-polygon/style.css +++ b/samples/3d-polygon/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_polygon] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-polyline-click-event/index.html b/samples/3d-polyline-click-event/index.html index 2cbd90ce..e3d2aabf 100644 --- a/samples/3d-polyline-click-event/index.html +++ b/samples/3d-polyline-click-event/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-polyline-click-event/index.ts b/samples/3d-polyline-click-event/index.ts index dec4f54c..d018216e 100644 --- a/samples/3d-polyline-click-event/index.ts +++ b/samples/3d-polyline-click-event/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-polyline-click-event/style.css b/samples/3d-polyline-click-event/style.css index d8f99166..f64defcf 100644 --- a/samples/3d-polyline-click-event/style.css +++ b/samples/3d-polyline-click-event/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_polyline_click_event] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-polyline-extruded/index.html b/samples/3d-polyline-extruded/index.html index 422a65bc..863bc614 100644 --- a/samples/3d-polyline-extruded/index.html +++ b/samples/3d-polyline-extruded/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-polyline-extruded/index.ts b/samples/3d-polyline-extruded/index.ts index f7582ba3..03dc904d 100644 --- a/samples/3d-polyline-extruded/index.ts +++ b/samples/3d-polyline-extruded/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-polyline-extruded/style.css b/samples/3d-polyline-extruded/style.css index 9f4ac5bd..5b6968df 100644 --- a/samples/3d-polyline-extruded/style.css +++ b/samples/3d-polyline-extruded/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_polyline_extruded] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-polyline/index.html b/samples/3d-polyline/index.html index 74cb0493..b2d7559d 100644 --- a/samples/3d-polyline/index.html +++ b/samples/3d-polyline/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-polyline/index.ts b/samples/3d-polyline/index.ts index 085e14b6..0e736568 100644 --- a/samples/3d-polyline/index.ts +++ b/samples/3d-polyline/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-polyline/style.css b/samples/3d-polyline/style.css index b8450dc7..cd5e3276 100644 --- a/samples/3d-polyline/style.css +++ b/samples/3d-polyline/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_polyline] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-popover-location/index.html b/samples/3d-popover-location/index.html index 8be100d6..c6d86e90 100644 --- a/samples/3d-popover-location/index.html +++ b/samples/3d-popover-location/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-popover-location/index.ts b/samples/3d-popover-location/index.ts index 09d5e725..aa8c8e7b 100644 --- a/samples/3d-popover-location/index.ts +++ b/samples/3d-popover-location/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-popover-location/style.css b/samples/3d-popover-location/style.css index eb520847..0e4ebafb 100644 --- a/samples/3d-popover-location/style.css +++ b/samples/3d-popover-location/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_popover_location] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-popover-marker/index.html b/samples/3d-popover-marker/index.html index 1e9dd6a1..89bdfa68 100644 --- a/samples/3d-popover-marker/index.html +++ b/samples/3d-popover-marker/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-popover-marker/index.ts b/samples/3d-popover-marker/index.ts index 612fbacf..18ef6383 100644 --- a/samples/3d-popover-marker/index.ts +++ b/samples/3d-popover-marker/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-popover-marker/style.css b/samples/3d-popover-marker/style.css index 46dd5cd4..18fccad3 100644 --- a/samples/3d-popover-marker/style.css +++ b/samples/3d-popover-marker/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_popover_marker] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-simple-map-declarative/index.html b/samples/3d-simple-map-declarative/index.html index f89f988c..bf89cc27 100644 --- a/samples/3d-simple-map-declarative/index.html +++ b/samples/3d-simple-map-declarative/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-simple-map-declarative/index.ts b/samples/3d-simple-map-declarative/index.ts index 0eb0e9e1..ce09c184 100644 --- a/samples/3d-simple-map-declarative/index.ts +++ b/samples/3d-simple-map-declarative/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ // @ts-nocheck diff --git a/samples/3d-simple-map-declarative/style.css b/samples/3d-simple-map-declarative/style.css index 8ca16f05..353cda34 100644 --- a/samples/3d-simple-map-declarative/style.css +++ b/samples/3d-simple-map-declarative/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_simple_map_declarative] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-simple-map/index.html b/samples/3d-simple-map/index.html index d20c411f..b832ec15 100644 --- a/samples/3d-simple-map/index.html +++ b/samples/3d-simple-map/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-simple-map/index.ts b/samples/3d-simple-map/index.ts index 64bcb3b6..d968476d 100644 --- a/samples/3d-simple-map/index.ts +++ b/samples/3d-simple-map/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ //@ts-nocheck diff --git a/samples/3d-simple-map/style.css b/samples/3d-simple-map/style.css index 8305901e..7624a816 100644 --- a/samples/3d-simple-map/style.css +++ b/samples/3d-simple-map/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_simple_map] */ /* * Always set the map height explicitly to define the size of the div element diff --git a/samples/3d-simple-marker/index.html b/samples/3d-simple-marker/index.html index be64ed8e..089200d6 100644 --- a/samples/3d-simple-marker/index.html +++ b/samples/3d-simple-marker/index.html @@ -1,4 +1,9 @@ + diff --git a/samples/3d-simple-marker/index.ts b/samples/3d-simple-marker/index.ts index 8e9f2aca..bd0bdb0c 100644 --- a/samples/3d-simple-marker/index.ts +++ b/samples/3d-simple-marker/index.ts @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ //@ts-nocheck // [START maps_3d_simple_marker] diff --git a/samples/3d-simple-marker/style.css b/samples/3d-simple-marker/style.css index 72bfcd20..2b619d28 100644 --- a/samples/3d-simple-marker/style.css +++ b/samples/3d-simple-marker/style.css @@ -1,15 +1,7 @@ /* - * Copyright 2025 Google LLC - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * * https://www.apache.org/licenses/LICENSE-2.0 - * * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +* @license +* Copyright 2025 Google LLC. All Rights Reserved. +* SPDX-License-Identifier: Apache-2.0 */ /* [START maps_3d_simple_marker] */ /* * Always set the map height explicitly to define the size of the div element From d84e71e02b755233867c3c5ba1b78d361f559dd9 Mon Sep 17 00:00:00 2001 From: Ari Oppenheimer Date: Sat, 12 Apr 2025 15:57:05 -0700 Subject: [PATCH 6/7] delete .ds_store files --- .DS_Store | Bin 8196 -> 0 bytes samples/.DS_Store | Bin 10244 -> 0 bytes samples/3d-places-autocomplete/.DS_Store | Bin 6148 -> 0 bytes 3 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 .DS_Store delete mode 100644 samples/.DS_Store delete mode 100644 samples/3d-places-autocomplete/.DS_Store diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index 012510fc7b9a7fb2eccb40b89f578e6b9350e434..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8196 zcmeHMU2GIp6h3EK=)Eb0DZ;dcE^I6a))mTM0jqWU2b8~Rx1~S))Y+W@CQN6_&g?Eq zs*OesM2Yd|!9-2`i4VqzJ{Zu%2NNGOF(zU~jT-e)UraO_UKG!rJKNZ8`(R?!;N0Zi zbI-Zw+?jLcJ9GEU0syw>j12&_0KljVs#el4OB3s&&uB_0sUV7E58bw#N!xCkcy)$$ zB#0sqMIeem6oDuLQ3U=A5uh_$G&aY%FIS^6ia->B|78Tk`yozU&}2v_Bn@62Gz298 z(Q*<8jpo5mf1+_AAes#6grp>)hSHR%G{vyQz_4;aX-@0OP=7*FX$}}%nf3{ zVc~)CKpikCX*5O=h$1jE0-|;=2LoKlfLBt#x6#_Vt3eA4D_}2lLkD!hen>%AiT3#t zZ4SMp*#@1kkLWrW1!KAe#!4(IzyqE1#=r&>ymY}E3%@2@NRQc;=QlN7My0HL-uwzy z!7AC|)N!|v@^wGwwd>h~g6nf#J6)XX=>wKo7*UsWxQ?$|j+qS%EW;#~Lj#s$xP^8% z=NMjKo01ERGd`l$oIbr}Ln6MVY1?=retP@HrbK-6rsnZ+&XzW;Z|NO5VUIfQnIJ5H z;X4VcBtJEtrCEtnwwLdaPAON4PJLc)z^PuL{)R1*=yRmZ{^KS-8a1vb&*H@ zb!S}Xj;xs{zXmd{of~y%r8=YAnH(vbZML1V?lHYV-#q1u*|6tk{f~wQ8&MYv z`<^l1avkr0ne~Wr{@Q}2%T_k5y?Nu-Tid$2_f1wUT%=Yn=6smK;`r84%gpu{EWYMD4 zK{vY3HN=jF)UVgBXY8PmcVtZ(rI@eQ)^Js4eIDJk+@g^uxa#q~6ZGt)>3Y6_sRr-2 z^|WbA(PrMv)IEG4FFljO?YxCmV}cK6+|g0;$CKh#Ey>jP*%5K=y}IZ3jG0dHu3EKD z#)iG)de-bI5O|6fyBG_e2FZmk37e0WG z;A6N1pTJk}HGBi#!uRkK{0zUquULi)unHIAGHk$AcmuA%1a84*+=kn+6?ft;+>Lwi zP8`OAco>i1QFL((J@j!LAHs+644%cO@dbPlU&8Zv5#PeM@k9I+FXLzU9sYp7;Z+3` zR1~FBQI$G*(@HTb2Bv$X2$yGOMVRW!$=R|Zwqxh6?tdjKzE~jh;JPJCSBT_jZb?o- zNP@12vp?fEfb2A&2apY(aw*odn%cT$%XzGyFm0ZiE5+0bfnGK#v{%M?Or1xlm+Y$5 z#Lg$gOZLXbSWHzY(ImTWeT=JRltw(T-PA}dhRoJ&oU7%OP<*nkrdH#(@!PpbV-*73 zwszV{q{rU?)aT(9cpWandj!!W6!&+R9^%x^)uEj>YDS+oz0_QE* zf}Oa70NPCuO<_L{;2;iR8Vxi9n4Sz^n!|hXKD-|vzz6XhK8BCu6Zj-Ph0hUWUoC;- z?&)yEcV@ydpUOJ6>l~w%B8aCOT^n4PbfZ?(|6Ox`|Gzezjl75=5Jh0t2w-_eYoM=#v6P^0Qkmhkx6*kF`PDn};YXA6$fWP*uI6D8M L^FP4pwKn_#ek)r` diff --git a/samples/.DS_Store b/samples/.DS_Store deleted file mode 100644 index 97f3aee8a8e2ea927d7a26befa0b78fa982f5281..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 10244 zcmeHMU2NP$5Z-Zr;%nT*X#-6|tX@e`p-R&H6q@j-OVR>`wt-$l(ozU_XVbX#*~i&; zNgE0g5-;=z@dVrkU)qB1c)CAc;KZ_31)VE!M^xVDx)7^* z!go9eaG9h}Q$C#)l#8NHae4q>6#OFw2ytvr5Ze)mXKH^)Ve!?D^37J;zGSWgc^|-ed={%|q%idyD1dvX+xYNdnso z_;mfj6TY3bw(OK!@U^{>Em)@Ob$5RX(t?GH7T3vja=m(11WQ?hlJ%cezxoRAX}YU|8QU-!VJ z9m&q#-u^=!$(e!P?vCV!zRM0BO33H6ufJl)#C|JpJ4d)>4E)81EfwXt{OH-+ZMo%P zVfTV`#qQ55b|;q9D@(Pp@m;%>JrnA(G8#Bi@Jz>cZ#If9(h0TEMMrGOIrfc3gWAV( zj#bLr?u6Qu%UHRRmGO*0%SxLE4XkT)b4ACpZggCe)a)AfjA@VB<~5D)cAcU(%#}^3 zYRNTr7^urE8=Fw0J8oi^B-lJ>ym*1ciG~%c)?D1#yYb4@<}KT9I@zc;EnD8KD7(?) zwrAd98pY8mQ}-r!W!#)$>!!VTtZcew)-rb5nY_^i9f`!r#+H?>7qn?wE!Oc;*1WT1 zdI!{YS>}BtS8K{19S66~(Ww_*eOX35*!xARHSHE^87>-_>%PDx>ojGji#DhkpRsGb zqU_v{p`yAp1QhMtplG93CTm!#o)G=?4=CDLS@>VQ!LPikS<%LGPCkz&x_;f@kfz;6 z-EPge-blf)aY*m`eP4rZyWPo5(HNP+Q1xrC$67w6SWiNmb<=ZrBYI;yTCt1N4eC0# zp|xdYqn6f2W%VN&r^vL+Cc*=!RiH#}uS`vQYMpp(Pql~_?&w5&s@rFgnZ|nACbpH` zj+b^b>?nJf9cM4Gci6k^6ZR$hp8d>D0l;ENz!Ip3W@v>q&;ggiM(BqD7=jVF33fml z_P`{Vun%0AhJ!EzcfoydKOBLha10)T$KgqM3Z91N;6-=|UWQlTO?V$ZfDhqg_zJ#; zZ{S<_8GeJ`;k2|!S|PPaE2Rsi4yjY>k~T{H(&f?>(spS?8kaKCKFN^^V*FACkhl8w z_(VE@FK4-|At3#QNIDS>$hK>*+j70K^?w7%&l&^-&pUrb@}hO?H}qdMI2WoSwkzQr z1PMn*2u~atJaVd{`lP_BvZ{jPYS4}%q>O2qkge7U?hBPQGD1pSB#LX5OJoF-x>yuD z+PY+fuPX7P($m(LK#-~nM6si7V?tIz6fRe;Odwpwpm8Vsq#OC zh0oYm>^t@gJB?UqfaTBvYoQwva5Y>9+YtkVfKj*&CLjY@&>;^t6yQ!o!(DI)?txjj z7Y-vDj==-)AUpz(!ej6RJOj@nB96oJh=*6gGXbEh^!ZX1JQNt5~?bcFXgNvK9Jfj&j{HXWxF_4)J9WRV}H#NWzYeF<Hy6IdH;%>r4!oYFR zzk_5eg{g^U9p9#-G*G~WG}NMPWyFMU0aC6_Q%QeOtiZ0uYJtTR2#0oKvhP zst4}1AonT`JF#%me3tmBDTltP08&`1bGtKqB)G)#@yt6<0nTA){HC(_M*GRz6n908kE$r;krC9;j2<&lVn602`PXNt zlShY#dQ7w~;-eHA$@0I^Q*$&tUV@`(IWsLdPT$tBulf81_0g!vA_uJ?{L_iLlV!0s z$Nww$YQ`E@)N=sNyle2BMl*+B0p hziw7gtikl}{}~W*tr?&H#U)vM{*Sl|JNM52e*%cl+fx7l diff --git a/samples/3d-places-autocomplete/.DS_Store b/samples/3d-places-autocomplete/.DS_Store deleted file mode 100644 index 5008ddfcf53c02e82d7eee2e57c38e5672ef89f6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 Date: Mon, 14 Apr 2025 12:43:52 -0700 Subject: [PATCH 7/7] revert packagelock --- package-lock.json | 17 ----------------- 1 file changed, 17 deletions(-) diff --git a/package-lock.json b/package-lock.json index 44373831..84538af8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -473,13 +473,6 @@ "resolved": "samples/3d-places", "link": true }, -<<<<<<< HEAD - "node_modules/@js-api-samples/3d-polygon": { - "resolved": "samples/3d-polygon", - "link": true - }, -======= ->>>>>>> main "node_modules/@js-api-samples/3d-popover-location": { "resolved": "samples/3d-popover-location", "link": true @@ -1672,16 +1665,6 @@ "name": "@js-api-samples/3d-places", "version": "1.0.0" }, -<<<<<<< HEAD - "samples/3d-polygon": { - "name": "@js-api-samples/3d-polygon", - "version": "1.0.0", - "devDependencies": { - "@playwright/test": "^1.51.1" - } - }, -======= ->>>>>>> main "samples/3d-popover-location": { "name": "@js-api-samples/3d-popover-location", "version": "1.0.0"