GoogleMaps

Bonsoir a tous j'aimerais intégrer une carte sur mon site web sauf qu'a chaque fois la carte s'affiche pendant une demi seconde et un msg d'erreur s'affiche ensuite " Petit problème... Une erreur s'est produite
Google Maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console JavaScript."
je ne sais pas ou est l'erreur !

<div class="maps">
<h3>Venez Nous Voir !</h3>
<div id="googleMap" style="width:280px;height:500px;"></div>
<script>
function myMap() {
var mapProp= {
center:new google.maps.LatLng(51.508742,-0.120850),
zoom:5,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBu-916DdpKAjTmJNIgngS6HL_kDIKU0aU&callback=myMap" ></script>
</div>
merci d'avance