sencha-touch - sencha 触摸地图未呈现到视图中

Question

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

从上面的代码中，只有工具栏出现了，地图没有出现。请帮忙

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'     
    } 
]