google-maps - sencha 中的谷歌地图处理

Question

我已经在基于 sencha 的应用程序中实现了地图功能。地图正在显示，但无法放大或缩小，也无法向其他方向移动。它在图像中显示为静态。

但我想将地图显示如下

这是我的代码

  var mapapnel = Ext.create('Ext.Panel', {
                                      id: 'mapapnel',
                                      layout:'card',
                                      height: '100%',
                                      width: '100%',
                                         items: [
                                                 {
                                                 xtype: 'toolbar',
                                                 ui:'light',
                                                 docked: 'top',
                                                 title: 'Find location',
                                                 items: [{
                                                         text: 'Back',
                                                         ui: 'back',
                                                         handler: function() {
                                                         Ext.getCmp('homepnl').setActiveItem(1);
                                                         }
                                                         },{
                                                         xtype:'spacer'
                                                         }
                                                         ]
                                                 },
                                                 {
                                                 xtype:'map',
                                                 useCurrentLocation:false,
                                                 mapOptions: {
                                                 zoom: 15,
                                                 zoomControl : true,
                                                 center: new google.maps.LatLng(11.0183, 76.9725),
                                                 mapTypeId: google.maps.MapTypeId.ROADMAP,
                                                 navigationControl: true,

                                                 navigationControlOptions: {
                                                 style: google.maps.NavigationControlStyle.DEFAULT
                                                 }
                                                 }
                                                 }

                                                 ]
                                         })

我的代码中需要什么更改添加功能放大和缩小。

Answer 1

再来一次我的回答：

它看起来像一个布局问题，地图应该在一个布局“适合”的容器内。