title: Google map handling in sencha
body: <p>I have implemented the map functionality in my sencha based application. The map is showing but cant able to zoom in or zoom out &amp; can't be able to move in other direction. It showa like static in the image.</p>
  
  <p><img src="https://i.stack.imgur.com/XDfdf.png" alt="enter image description here"></p>
  
  <p>But I want to show the map as like the following</p>
  
  <p><img src="https://i.stack.imgur.com/QYK59.png" alt="enter image description here"></p>
  
  <p>Here is my code</p>
  
  <pre><code>  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
                                                   }
                                                   }
                                                   }
  
                                                   ]
                                           })
  </code></pre>
  
  <p>what change required in my code add the functionalites zoom in &amp; zoom out. </p>