js-api-samples/samples/web-components-map/index.html at 71bb35a17202cf4e5d976b649c97ac588519db29 · 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
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<!--
 @license
 Copyright 2019 Google LLC. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
-->
<!-- [START maps_web_components_map] -->
<html>
  <head>
    <title>Add a Map using HTML</title>

    <link rel="stylesheet" type="text/css" href=/proxy/https/github.com/googlemaps-samples/js-api-samples/blob/71bb35a17202cf4e5d976b649c97ac588519db29/samples/web-components-map/&quot;./style.css&quot; />
  </head>
  <body>
    <!-- [START maps_web_components_map_gmpmap] -->
    <gmp-map
      center="37.4220656,-122.0840897"
      zoom="10"
      map-id="DEMO_MAP_ID"
      style="height: 400px"
    ></gmp-map>
    <!-- [END maps_web_components_map_gmpmap] -->
   <!--
      The `defer` attribute causes the script to execute after the full HTML
      document has been parsed. For non-blocking uses, avoiding race conditions,
      and consistent behavior across browsers, consider loading using Promises. See
      https://developers.google.com/maps/documentation/javascript/load-maps-js-api
      for more information.
      -->
    <script
      src=/proxy/https/github.com/googlemaps-samples/js-api-samples/blob/71bb35a17202cf4e5d976b649c97ac588519db29/samples/web-components-map/&quot;https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&amp;libraries=maps,marker&amp;v=weekly&quot;%3C/div>
      defer
    ></script>
  </body>
</html>
<!-- [END maps_web_components_map] -->