Ext.Panel内的外部地图

我有一个面板，并希望在其中放置一张地图（Google地图）。这可能吗？Ext.Panel内的外部地图

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

我的面板类：

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。我需要一个面板的原因是因为我想回到前面的面板。

在此先感谢。

来源

2012-10-26 StackFlower

问题加入布局后问题：“适合”到面板类。

来源

2012-10-26 10:41:59 StackFlower

Ext.Panel内的外部地图

回答

相关问题