Google Maps JavaScript: Uncaught Fehler: Ungültiger Wert für Eigenschaft <map>: [Objekt Objekt]

Question

Ich versuche, Google Maps zu verwenden. Ich habe eine Karte auf das Panel geladen.

Ich habe ein Overlay-Fenster, in dem ich nach Quelle und Zielort frage, um die Richtungen auf der Karte anzuzeigen. Ich bekomme diesen Verweis auf die Karte über Ext.getCmp('GMap');

Aber wenn ich es auf Chrom und überprüfen Konsole Fenster, bekomme ich diesen Fehler.

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

Beispielcode-Schnipsel für Click-Handler von Overlay-Fenster

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 tut dies auch. Wenn Sie $ ("# GMap") greifen, geben Sie ein Array zurück, dessen reales Element [0] ist. Shim die Ergebnisse von getCmp(), um das eigentliche dom-Element zu sein. http://www.sencha.com/forum/showthread.php?122684-accessing-component-property-from-variable-dom-element-or-Ext.getCmp() scheint ähnlich.