Google Map gave error!

Question

Hello,

I am trying to add a map to my site using the API key but it appears like this:

I followed the tutorial to avoid cheating me but it appears as a mistake on my page... someone can help me?

Code:

#map {
    height: 100%;
    width: 100%;
}

<div id="map"></div>
        <script>
                var map;
                function initMap() {
                  map = new google.maps.Map(document.getElementById('map'), {
                    center: {lat: 38.736946, lng: -9.142685},
                    zoom: 9,
                  });
                }
              </script>
              <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA44NxTW1Z1B5uPHTnEaVj6eJK_2LJwWc4&callback=initMap"></script>

Answer 1

You must access https://console.developers.google.com and, after creating your KEY API, go to "Google Maps Javascript API" and just ENABLE (by default, DISABLE)