postboxmap/postboxmap.html at master · talisman/postboxmap · 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
38
39
<!DOCTYPE html>
<html>
  <head>
    <style>
      html,
      body {
        font-family: Arial, sans-serif;
        height: 100%;
        margin: 0;
        padding: 0;
      }

      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      var map;
      function initMap() {
        // Constructor creates a new map - only center and zoom are required.
        var posM = {lat: 32.08534, lng: 34.78175}
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: 32.0853, lng: 34.7818},
          zoom: 16
      });
        var marker = new google.maps.Marker({position: posM, map: map, title: 'First Marker!' });
      }

    </script>

    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA7xUcHvv08xSMJm9hKYKELUB8TQP_Q8M4&v=3&callback=initMap">
    </script>

  </body>
</html>