Google Maps API - Basic Map

Creating basic map with google maps API

HTML

<div id="mapa"></div>

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

CSS

#mapa {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50% !important;
  border: 3px solid #00796b;
  box-shadow: 5px 5px 5px #333;
}

JavaScript

function initMap() {
  var mapDiv = document.getElementById("mapa");
  var mapa = new google.maps.Map(mapDiv, {
    center: {
      lat: 20.42,
      lng: 10.42
    },
    zoom: 5
  });
}