Finding-Home/index2.html at master · jesusfchavarro/Finding-Home · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>

<head>
   <title>Simple Map</title>
   <meta name="viewport" content="initial-scale=1.0">
   <meta charset="utf-8">
   <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */

      #map {
         height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */

      html,
      body {
         height: 100%;
         margin: 0;
         padding: 0;
      }
   </style>
</head>

<body>
   <div id="map"></div>
   <script>
      var map;

      function initMap() {
         var center = {
            lng: -87.6505,
            lat: 41.8708
         };
         map = new google.maps.Map(document.getElementById('map'), {
            center: center,
            zoom: 14
         });
         var infoWindow = new google.maps.InfoWindow({
            content: 'Department of Computer Science – University of Illinois, Chicago'
         });

         var UniversityMarker = new google.maps.Marker({
            position: center,
            icon: {
               url: "images/markers/university-marker.png",
               scaledSize: {
                  width: 60,
                  height: 60
               }
            },
            map: map
         });

         UniversityMarker.addListener('click', function() {
            infoWindow.setContent('Department of Computer Science <br> University of Illinois, Chicago');
            infoWindow.open(map, UniversityMarker);
         });
      }
   </script>
   <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCYZYRqUwPRnxKQ6cBp81DIq1w-MamF24U&callback=initMap" async defer></script>
</body>

</html>