Google Maps ne charge pas

Question

Le problème est que je ne peux pas charger google maps en utilisant le code suivant. toile de la carte est vide et Chrome est de lancer

Uncaught TypeError: undefined is not a function

Voici le code:

var MYAPP = MYAPP || {};  
MYAPP.Map = function() { 
     var _map = null; 
     return{ 
      init: function() { 
       _map = document.getElementById('map_canvas'); 

       var src = 'http://maps.googleapis.com/maps/api/js?sensor=false&' + 
       'callback=MYAPP.Map.googleMapsCallback'; 

       $.getScript(src); 
      }, 
      googleMapsCallback: function() { 
       var options = { 
        zoom: 15, 
        center: new google.maps.Latlng(13.353988,33.815918), 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
       }; 
       var gMap = new google.maps.Map(_map, options); 
       this.displayMarkers(); 
      }, 
      displayMarkers: function() { 
       //markers code 
      } 
     }; 
    }(); 

Je chargement gmaps en mode asynchrone via $.getScript avec une fonction de rappel spécifiée 'googleMapsCallback'). La fonction de rappel se déclenche mais les cartes ne se chargent pas. Le script se casse à cette ligne:

new google.maps.Latlng(13.353988,33.815918), 

Quelqu'un a une idée de la raison pour laquelle cela se produit et comment le résoudre?

Answer 1

Vous êtes mispelling la fonction:

Latlng au lieu de LatLng (deuxième 'L' majuscule!)