![[Résolut][Solved] Google is not defined - API google MAPS](img_articles/mickey tete de mort.jpg)
Google is not defined - API google MAPS
Publié le .Si vous utilisez l'API google maps, vous avez sûrement rencontré ce genre de problème, et en vous cassant la tête sur la documentation officielle, votre erreur ne se résout toujours pas. La console vous répond " Uncaught ReferenceError: google is not defined ".
Voici la solution:
Il faut inclure google.maps.event.addDomListener(window,'load', initMap); dans le script d’appel à l'API, là ou vous entez votre clé D'API.
// Dans la page de la map
<script>
var myLatlng;
var map;
var mapOptions;
var infowindow;
function initMap() {
myLatlng = new google.maps.LatLng(44.36200,3.16700);
mapOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
infowindow = new google.maps.InfoWindow({
content: "I am HERE !",
position: myLatlng
});
infowindow.open(map);
map = new google.maps.Map(document.getElementById("map"), mapOptions);
}
</script>
<script>
var myLatlng;
var map;
var mapOptions;
var infowindow;
function initMap() {
myLatlng = new google.maps.LatLng(44.36200,3.16700);
mapOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
infowindow = new google.maps.InfoWindow({
content: "I am HERE !",
position: myLatlng
});
infowindow.open(map);
map = new google.maps.Map(document.getElementById("map"), mapOptions);
}
</script>
// en fin de page)
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR API KEY&callback=initMap">google.maps.event.addDomListener(window,'load', initMap);</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR API KEY&callback=initMap">google.maps.event.addDomListener(window,'load', initMap);</script>