구글 지도 쓰기

<style>
                        html, body {
                          height: 100%;
                          margin: 0;
                          padding: 0;
                        }
                        #map {
                          height: 100%;
                        }
                    </style>
                        <tr>
                              <td style="height: 300px;">
                                    <div id="map"></div>
                              </td>
                        </tr>
 

<script src="https://maps.googleapis.com/maps/api/js?key=키키키키&callback=initMap" async defer></script>
 
 
 
 
function initMap() {
      map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: 37.5509008, lng: 127.1406541},
          zoom: 17
      });
      
      marker = new google.maps.Marker({
          position: {lat: 37.5509008, lng: 127.1406541},
          map: map,
            draggable: true,
            //animation: google.maps.Animation.DROP,                    //핀이 날아온다. 
            title: '우리집'
      });
      //marker.addListener('click', toggleBounce);                 // 클릭하면 통통 튄다.2
      
}