sencha touch map is not rendering into view - sencha-touch

Question

I am new to sencha touch, I am trying to display map in my sencha touch application. here comes the code
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',
},
]
}
});
From the above code only toolbar is coming but not the map.Please help

Answer 1

It's because you only require trackit.view.GoogleMaps but not render it. Give your trackit.view.GoogleMaps view an xtype:
xtype: 'GoogleMaps'
Then render it as an item inside your trackit.view.trackMap view after your toolbar:
items: [
{
docked: 'top',
xtype: 'toolbar',
ui: "light",
title: 'Track direction',
},
{
xtype: 'GoogleMaps'
}
]