Ext.Panel中的Ext.Map

时间:2012-10-26 08:24:54

标签: google-maps extjs sencha-touch-2

我有一个小组,想在其中放置一张地图(谷歌地图)。这可能吗?

当我直接打开我的地图页面时,它工作正常但是当我把它放在一个面板中时,我只得到一个没有地图视图的空​​白页面。

我的小组课程:

Ext.define("app.view.TodoMaps", {
extend: 'Ext.Panel',
requires: "app.view.GoogleMaps",
alias: "widget.todomapscard",


config: {
    styleHtmlContent: true,
    items: [{
        docked: 'top',
        xtype: 'toolbar',
        ui: "light",
        title: 'Maps page',
        items: [
            {
                xtype: "button",
                ui: "back",
                text: "back",
                action: 'ButtonBackToHomeClicked'
            }]
    },
        {
            xtype: "googlemapscard"       <----------
        }
    ]
}
});

我的地图课程:

Ext.define("app.view.GoogleMaps", {
extend: 'Ext.Map',
alias: "widget.googlemapscard",


//geo: geo, //Ext.util.Geolocation object
//useCurrentLocation: geo, //same var geo with geolocation object
config: {
    mapOptions:{
        zoom: 15,
        disableDefaultUI: true,
        //--Available Map Options--//


        panControl: false,
        zoomControl: false,
        mapTypeControl: false,
        scaleControl: false,
        streetViewControl: false,
        overviewMapControl: false
    }


}
});

如何实现地图在面板中可见。

PS。我需要一个面板的原因是因为我想导航回上一个面板。

提前致谢。

1 个答案:

答案 0 :(得分:1)

布局:'fit'添加到面板类后,问题解决了。