Google Maps JavaScript : Uncaught Error: Valeur non valide pour la propriété <map> : [object Object]

Question

J'essaie d'utiliser Google Maps. J'ai chargé la carte sur le panneau.

J'ai une fenêtre de superposition, dans laquelle je demande la source et la justification de l'affichage des directions sur la carte. J'obtiens cette référence à la carte via Ext.getCmp('GMap');

Mais, lorsque je l'exécute sur chrome et que je vérifie la fenêtre de la console, j'obtiens cette erreur.

Uncaught Error: Invalid value for property <map>: [object Object]

Exemple de code pour le gestionnaire de clic de la fenêtre superposée

listeners : {
   tap : function() {
      function showDirections(res) {
         var directionsService = new google.maps.DirectionsService();
         var directionsDisplay = new google.maps.DirectionsRenderer();

         var map = Ext.getCmp('GMap');
         directionsDisplay.setMap(map);
         directionsService.route(request, function(response, status) {
         if (status == google.maps.DirectionsStatus.OK) {
              directionsDisplay.setDirections(response);
         }
    });
  }
 }
}

Answer 1

JQuery le fait aussi. Lorsque vous saisissez $("#GMap"), vous renvoyez un tableau dont le véritable élément est [0]. Le résultat de getCmp() pour être l'élément dom actuel. http://www.sencha.com/forum/showthread.php?122684-accessing-component-property-from-variable-dom-element-or-Ext.getCmp () semble similaire.