我有一个小组,想在其中放置一张地图(谷歌地图)。这可能吗?
当我直接打开我的地图页面时,它工作正常但是当我把它放在一个面板中时,我只得到一个没有地图视图的空白页面。
我的小组课程:
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。我需要一个面板的原因是因为我想导航回上一个面板。
提前致谢。
答案 0 :(得分:1)
将布局:'fit'添加到面板类后,问题解决了。