Sencha touch sencha touch地图未渲染到视图中

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

---

从上面的代码中，只会出现工具栏，但不会出现地图。请帮助这是因为您只需要

trackit.view.GoogleMaps

，而不需要渲染它。给你的

trackit.view.GoogleMaps查看
xtype
：

xtype: 'GoogleMaps'

然后在
工具栏后的
trackit.view.trackMap
视图中将其作为项目呈现：

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

    {
        xtype: 'GoogleMaps'     
    } 
]

这是因为您只需要
trackit.view.GoogleMaps
，而不需要渲染它。给你的
trackit.view.GoogleMaps查看
xtype
：

xtype: 'GoogleMaps'

然后在
工具栏后的
trackit.view.trackMap
视图中将其作为项目呈现：

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

    {
        xtype: 'GoogleMaps'     
    } 
]

它应该有效。看一看这个演示：@sudheer确保您也包含了MapAPI脚本。@phobos。。。我已经将脚本包含在索引文件中，但它仍然显示为白色空白page@sudheer那么，您的代码与我上面的演示有什么不同，使您的代码无法工作？你能做一把sencha小提琴吗？我会尽力帮忙的。怎么帮？你能把它寄出去吗。我被卡住了，应该能用的。看一看这个演示：@sudheer确保您也包含了MapAPI脚本。@phobos。。。我已经将脚本包含在索引文件中，但它仍然显示为白色空白page@sudheer那么，您的代码与我上面的演示有什么不同，使您的代码无法工作？你能做一把sencha小提琴吗？我会尽力帮忙的。怎么帮？你能把它寄出去吗。我被卡住了。