gMaps

by Sebastian Kay

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQBe2MVbwqZJLC4-HkGMzazXpbxmyyf6A&amp;callback=initMap"></script>
<h4>
Maaauull ähh Map
</h4>

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

  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {
        lat: -34.397,
        lng: 150.644
      },
      zoom: 8
    });
  }

</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQBe2MVbwqZJLC4-HkGMzazXpbxmyyf6A&callback=initMap" async defer></script>

CSS

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 100%;
}