Uncaught ReferenceError: google n'est pas défini à google.cartes.Marqueur()

<script src="https://maps.googleapis.com/maps/api/js?key=[KEY]&callback=initMap"
            async defer></script>
    <script>
            var user_lat,user_lng;
            var map;
            function initMap() {
            map = new google.maps.Map(document.getElementById('map'), {
                            center: {lat:17, lng: 80},
                            zoom: 5
                            });
            }
            var marker = new google.maps.Marker({
                position: {lat:17,lng:80},
                map: map,
                title: 'Hello World!'
            }); 
    </script>

C'est pour des tests. J'ai utiliser ce concept dans un autre code. de bien vouloir aider cette.

Cela peut être trouvé comme un double. Il y a beaucoup de postes de travail dont le rapport d'erreur, mais aucune réponse n'a résolu mon problème.

Carte est en cours de chargement sans aucun problème. initMap() la fonction est exécutée. Mais le marqueur de la partie n'est pas venue.

OriginalL'auteur Krishna | 2015-11-03

  1. 1

    Vous chargez votre script avec async drapeau. Cela signifie que le navigateur ne va pas attendre jusqu'à ce que ce script sera la fin du chargement.

    Au moment de l'exécution de votre new google.maps.Map(, il n'est pas encore chargé, et l'exécution échoue. Supprimer async defer les drapeaux de votre script tag et le charger de façon synchrone.

    Si vous voulez que le script s'être chargé de manière asynchrone, vous devez utiliser callback fonction.

    OriginalL'auteur Yeldar Kurmangaliyev