sencha觸摸地圖不能渲染到視圖

Question

我是新來的sencha觸摸，我試圖在我的sencha觸摸應用程序中顯示地圖。來這裏的代碼

Ext.define("trackit.view.GoogleMaps", { 
      extend: 'Ext.Map', 
      config: { 
      mapOptions:{ 
       //my map options 
      } 
     } 
}); 
Ext.define("trackit.view.trackMap", { 
      extend: 'Ext.Panel', 
      requires: "trackit.view.GoogleMaps", 
      config: { 
      layout:'fit', 
      items: [{ 
        docked: 'top', 
        xtype: 'toolbar', 
        ui: "light", 
        title: 'Track direction', 
        }, 
        ] 
      } 
}); 

從上面的代碼只工具欄來，但不是map.Please幫助

Answer 1

這是因爲你只需要trackit.view.GoogleMaps但它沒有被渲染。給你trackit.view.GoogleMaps視圖中xtype：

xtype: 'GoogleMaps' 

然後它渲染爲一個項目在trackit.view.trackMap視圖中您toolbar後：

items: [ 
    { 
     docked: 'top', 
     xtype: 'toolbar', 
     ui: "light", 
     title: 'Track direction', 
    }, 

    { 
     xtype: 'GoogleMaps'  
    } 
]