js-api-samples/dist/samples/3d-marker-html/jsfiddle/demo.html at 4ebebaf47cd33f5533f15b8b06e0e345498df778 · googlemaps-samples/js-api-samples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<!--
 @license
 Copyright 2026 Google LLC. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
-->

<html>
    <head>
        <title>3D Marker HTML</title>
        <link rel="stylesheet" type="text/css" href=/proxy/https/github.com/googlemaps-samples/js-api-samples/blob/4ebebaf47cd33f5533f15b8b06e0e345498df778/dist/samples/3d-marker-html/jsfiddle/&quot;./style.css&quot; />
    </head>
    <body>
        <gmp-map-3d center="40.7489,-73.9680,0" heading="315" tilt="65" range="800" mode="SATELLITE">
            <gmp-marker position="40.7489,-73.9680" title="UN Headquarters">
                <div class="custom-marker">United Nations Secretariat Building</div>
            </gmp-marker>
        </gmp-map-3d>

        <script
            async
    </body>
</html>