Google Maps JavaScript:未捕获错误：属性值无效<；地图>；：[对象]

我正在尝试使用谷歌地图。我已将地图加载到面板上

我有一个覆盖窗口，在其中我要求在地图上显示方向的来源和目的地。 我通过

Ext.getCmp（'GMap'）获得对地图的引用

但是，当我在chrome上运行它并检查控制台窗口时，我得到了这个错误

未捕获错误：属性：[object]的值无效。

覆盖窗口的单击处理程序的示例代码片段

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);
         }
    });
  }
 }
}

jQuery也会这样做。当您获取$（“#GMap”）时，您将返回一个数组，其中实际元素为[0]。将
getCmp（）
的结果填充为实际的dom元素。（）似乎相似