Siempre recibo un error de solicitud denegada. La clave API que utilicé es verde en la consola de Google Cloud. He activado la API de lugares, la API de codificación geográfica y la API de javascript de Maps. Este es mi código <script src="https://maps.googleapis.com/maps/api/js?key=[MY_KEY]&libraries=places,geometry&callback=initMap" async defer></script>
¿Tienes alguna idea?
Muchas gracias
Todo funciona bien reemplazando su clave api con la que Google usa en su demostración: https://jsfiddle.net/api/post/library/pure/ Me funcionó incluso sin la clave, como se muestra en el fragmento a continuación.
Le sugiero que revise su código y, si nada está mal, intente eliminar esta clave y genere otra.
let map; function initMap() { map = new google.maps.Map(document.getElementById("map"), { center: { lat: -34.397, lng: 150.644 }, zoom: 8, }); } #map { height: 100%; } /* Optional: Makes the sample page fill the window. */ html, body { height: 100%; margin: 0; padding: 0; } <div id="map" style="height: 100%;"></div> <script src="https://maps.googleapis.com/maps/api/js?key=&libraries=places,geometry&callback=initMap" async defer> </script>