sencha触摸地图未渲染到视图中

时间:2013-03-27 07:29:16

标签: sencha-touch sencha-touch-2

我是sencha touch的新手,我正试图在我的sencha touch应用程序中显示地图。这里是代码

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',
                   },
                   ]
           }
});

从上面的代码中只有工具栏即将到来而不是地图。请帮助

1 个答案:

答案 0 :(得分: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'     
    } 
]