Skip to content

Commit f753df1

Browse files
oppenheimeraoppenheimera
committed
Updates 3d-clamp-mode sample
1 parent 9f45ec3 commit f753df1

File tree

12 files changed

+108
-41
lines changed

12 files changed

+108
-41
lines changed

‎dist/samples/3d-clamp-mode/app/index.ts‎

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,32 @@ async function init() {
1212
const { Map3DElement, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
1313

1414
const map = new Map3DElement({
15-
center: { lat: 47.6205, lng: -122.3493, altitude: 300 },
16-
tilt: 67.5,
17-
range: 2000,
18-
heading: 0,
15+
center: { lat: 47.660545553614604, lng: -122.4196302033452, altitude: 100 },
16+
tilt: 61,
17+
range: 4800,
18+
heading: 31,
1919
mode: 'SATELLITE',
2020
gestureHandling: "COOPERATIVE"
2121
});
2222

23-
// Create an east-west polyline through the Space Needle
2423
polyline = new Polyline3DElement({
2524
path: [
26-
{ lat: 47.6205, lng: -122.3593, altitude: 100 }, // West point
27-
{ lat: 47.6205, lng: -122.3393, altitude: 100 } // East point
25+
{ lat: 47.65890, lng: -122.43012, altitude: 10 },
26+
{ lat: 47.65598, lng: -122.42500, altitude: 10 },
27+
{ lat: 47.65515, lng: -122.42219, altitude: 10 },
28+
{ lat: 47.65623, lng: -122.41895, altitude: 10 },
29+
{ lat: 47.65775, lng: -122.41426, altitude: 10 },
30+
{ lat: 47.65770, lng: -122.41089, altitude: 10 },
31+
{ lat: 47.66206, lng: -122.40507, altitude: 10 },
32+
{ lat: 47.66370, lng: -122.40547, altitude: 10 },
33+
{ lat: 47.66488, lng: -122.41075, altitude: 10 },
34+
{ lat: 47.66620, lng: -122.40877, altitude: 10 },
35+
{ lat: 47.67166, lng: -122.40812, altitude: 10 }
2836
],
2937
strokeColor: 'red',
3038
strokeWidth: 5,
3139
altitudeMode: AltitudeMode.CLAMP_TO_GROUND,
40+
drawsOccludedSegments: true,
3241
});
3342

3443
map.append(polyline);

‎dist/samples/3d-clamp-mode/app/style.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,10 @@ body {
1717
padding: 0;
1818
}
1919
selector {
20+
position: absolute;
21+
top: 10px;
22+
right: 10px;
23+
z-index: 1;
2024
padding: 2px;
21-
float: right;
2225
}
2326
/* [END maps_3d_clamp_mode] */

‎dist/samples/3d-clamp-mode/dist/assets/index-DXhsu4Pw.js‎

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/samples/3d-clamp-mode/dist/assets/index-DlAi7I1O.css‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/*
2+
* @license
3+
* Copyright 2025 Google LLC. All Rights Reserved.
4+
* SPDX-License-Identifier: Apache-2.0
5+
*/html,map{height:100%}body{height:100%;margin:0;padding:0}selector{position:absolute;top:10px;right:10px;z-index:1;padding:2px}

‎dist/samples/3d-clamp-mode/dist/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@
99
<head>
1010
<title>Map</title>
1111

12-
<script type="module" crossorigin src="./assets/index-D5hnLfJh.js"></script>
13-
<link rel="stylesheet" crossorigin href="./assets/index-BwHtajtu.css">
12+
<script type="module" crossorigin src="./assets/index-DXhsu4Pw.js"></script>
13+
<link rel="stylesheet" crossorigin href="./assets/index-DlAi7I1O.css">
1414
</head>
1515
<body>
1616
<div id="map"></div>

‎dist/samples/3d-clamp-mode/docs/index.js‎

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,22 +10,31 @@ let polyline;
1010
async function init() {
1111
const { Map3DElement, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
1212
const map = new Map3DElement({
13-
center: { lat: 47.6205, lng: -122.3493, altitude: 300 },
14-
tilt: 67.5,
15-
range: 2000,
16-
heading: 0,
13+
center: { lat: 47.660545553614604, lng: -122.4196302033452, altitude: 100 },
14+
tilt: 61,
15+
range: 4800,
16+
heading: 31,
1717
mode: 'SATELLITE',
1818
gestureHandling: "COOPERATIVE"
1919
});
20-
// Create an east-west polyline through the Space Needle
2120
polyline = new Polyline3DElement({
2221
path: [
23-
{ lat: 47.6205, lng: -122.3593, altitude: 100 }, // West point
24-
{ lat: 47.6205, lng: -122.3393, altitude: 100 } // East point
22+
{ lat: 47.65890, lng: -122.43012, altitude: 10 },
23+
{ lat: 47.65598, lng: -122.42500, altitude: 10 },
24+
{ lat: 47.65515, lng: -122.42219, altitude: 10 },
25+
{ lat: 47.65623, lng: -122.41895, altitude: 10 },
26+
{ lat: 47.65775, lng: -122.41426, altitude: 10 },
27+
{ lat: 47.65770, lng: -122.41089, altitude: 10 },
28+
{ lat: 47.66206, lng: -122.40507, altitude: 10 },
29+
{ lat: 47.66370, lng: -122.40547, altitude: 10 },
30+
{ lat: 47.66488, lng: -122.41075, altitude: 10 },
31+
{ lat: 47.66620, lng: -122.40877, altitude: 10 },
32+
{ lat: 47.67166, lng: -122.40812, altitude: 10 }
2533
],
2634
strokeColor: 'red',
2735
strokeWidth: 5,
2836
altitudeMode: AltitudeMode.CLAMP_TO_GROUND,
37+
drawsOccludedSegments: true,
2938
});
3039
map.append(polyline);
3140
document.body.append(map);

‎dist/samples/3d-clamp-mode/docs/index.ts‎

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,23 +12,32 @@ async function init() {
1212
const { Map3DElement, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
1313

1414
const map = new Map3DElement({
15-
center: { lat: 47.6205, lng: -122.3493, altitude: 300 },
16-
tilt: 67.5,
17-
range: 2000,
18-
heading: 0,
15+
center: { lat: 47.660545553614604, lng: -122.4196302033452, altitude: 100 },
16+
tilt: 61,
17+
range: 4800,
18+
heading: 31,
1919
mode: 'SATELLITE',
2020
gestureHandling: "COOPERATIVE"
2121
});
2222

23-
// Create an east-west polyline through the Space Needle
2423
polyline = new Polyline3DElement({
2524
path: [
26-
{ lat: 47.6205, lng: -122.3593, altitude: 100 }, // West point
27-
{ lat: 47.6205, lng: -122.3393, altitude: 100 } // East point
25+
{ lat: 47.65890, lng: -122.43012, altitude: 10 },
26+
{ lat: 47.65598, lng: -122.42500, altitude: 10 },
27+
{ lat: 47.65515, lng: -122.42219, altitude: 10 },
28+
{ lat: 47.65623, lng: -122.41895, altitude: 10 },
29+
{ lat: 47.65775, lng: -122.41426, altitude: 10 },
30+
{ lat: 47.65770, lng: -122.41089, altitude: 10 },
31+
{ lat: 47.66206, lng: -122.40507, altitude: 10 },
32+
{ lat: 47.66370, lng: -122.40547, altitude: 10 },
33+
{ lat: 47.66488, lng: -122.41075, altitude: 10 },
34+
{ lat: 47.66620, lng: -122.40877, altitude: 10 },
35+
{ lat: 47.67166, lng: -122.40812, altitude: 10 }
2836
],
2937
strokeColor: 'red',
3038
strokeWidth: 5,
3139
altitudeMode: AltitudeMode.CLAMP_TO_GROUND,
40+
drawsOccludedSegments: true,
3241
});
3342

3443
map.append(polyline);

‎dist/samples/3d-clamp-mode/docs/style.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,10 @@ body {
1717
padding: 0;
1818
}
1919
selector {
20+
position: absolute;
21+
top: 10px;
22+
right: 10px;
23+
z-index: 1;
2024
padding: 2px;
21-
float: right;
2225
}
2326
/* [END maps_3d_clamp_mode] */

‎dist/samples/3d-clamp-mode/jsfiddle/demo.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,10 @@ body {
1717
padding: 0;
1818
}
1919
selector {
20+
position: absolute;
21+
top: 10px;
22+
right: 10px;
23+
z-index: 1;
2024
padding: 2px;
21-
float: right;
2225
}
2326

‎dist/samples/3d-clamp-mode/jsfiddle/demo.js‎

Lines changed: 16 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,22 +10,31 @@ let polyline;
1010
async function init() {
1111
const { Map3DElement, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
1212
const map = new Map3DElement({
13-
center: { lat: 47.6205, lng: -122.3493, altitude: 300 },
14-
tilt: 67.5,
15-
range: 2000,
16-
heading: 0,
13+
center: { lat: 47.660545553614604, lng: -122.4196302033452, altitude: 100 },
14+
tilt: 61,
15+
range: 4800,
16+
heading: 31,
1717
mode: 'SATELLITE',
1818
gestureHandling: "COOPERATIVE"
1919
});
20-
// Create an east-west polyline through the Space Needle
2120
polyline = new Polyline3DElement({
2221
path: [
23-
{ lat: 47.6205, lng: -122.3593, altitude: 100 }, // West point
24-
{ lat: 47.6205, lng: -122.3393, altitude: 100 } // East point
22+
{ lat: 47.65890, lng: -122.43012, altitude: 10 },
23+
{ lat: 47.65598, lng: -122.42500, altitude: 10 },
24+
{ lat: 47.65515, lng: -122.42219, altitude: 10 },
25+
{ lat: 47.65623, lng: -122.41895, altitude: 10 },
26+
{ lat: 47.65775, lng: -122.41426, altitude: 10 },
27+
{ lat: 47.65770, lng: -122.41089, altitude: 10 },
28+
{ lat: 47.66206, lng: -122.40507, altitude: 10 },
29+
{ lat: 47.66370, lng: -122.40547, altitude: 10 },
30+
{ lat: 47.66488, lng: -122.41075, altitude: 10 },
31+
{ lat: 47.66620, lng: -122.40877, altitude: 10 },
32+
{ lat: 47.67166, lng: -122.40812, altitude: 10 }
2533
],
2634
strokeColor: 'red',
2735
strokeWidth: 5,
2836
altitudeMode: AltitudeMode.CLAMP_TO_GROUND,
37+
drawsOccludedSegments: true,
2938
});
3039
map.append(polyline);
3140
document.body.append(map);

0 commit comments

Comments
 (0)