Hello, I am currently doing a personal project but I have met with a problem with the Ext.Map. Everything works perfectly, from the markers to the locations, however, the map zoom panel, navigation plate, Map|Satellite buttons are not fixed; so when I tried to navigate the map using my mouse, the map zoom panel etc gets pulled too. My code is similar to the one in Kitchen Sink, however the main difference is that the map zoom panel etc does not move with the map, while mine does. I do not know what is wrong with it.

Here's some pics:
https://lh3.googleusercontent.com/-S...s4/s288/12.jpg

https://lh5.googleusercontent.com/-b...EU/s288/13.jpg

And here's my code:
Code:
             var center = new google.maps.LatLng(1.381024,103.850201);

                       var x= new google.maps.LatLng(1.289436,103.84998);

                       var y= new google.maps.LatLng(1.298786,103.88232);
					   var mapOptions={
							 zoom: 12,
                             center: center,
                             mapTypeId: google.maps.MapTypeId.ROADMAP,
							 scrollable:false,
							 navigationControl: true,
							 navigationControlOptions: {style: google.maps.NavigationControlStyle.DEFAULT}
						 }
					   var infowindowdhs = new google.maps.InfoWindow({
                           content: ''
                        });
					   var infowindownyp = new google.maps.InfoWindow({
                           content: ''

                        });
And the main tab where the map is implemented
Code:
new Ext.Panel({
									  fullscreen:true,
									  items:[
											 {
												 xtype:'map',
												 mapOptions:mapOptions,
												 listeners:{
													 afterrender: function(){
														  var markerdhs=new google.maps.Marker({
																	  position:x,
																	  map:this.map,
																	  title:'',
																	  animation: google.maps.Animation.DROP,
																	  })
					                                      var markernyp=new google.maps.Marker({
																	  position:y,
																	  map:this.map,
																	  title:'',
																	  animation: google.maps.Animation.DROP,
																	  
																	  })
														  google.maps.event.addListener(markerdhs, 'click', function(){
					if (markerdhs.getAnimation() != null) {
                                    markerdhs.setAnimation(null);
                               } else {
                                    markerdhs.setAnimation(google.maps.Animation.BOUNCE);
                                     }
									 infowindowdhs.open(this.map,markerdhs);
									 
                         });
														  
														  google.maps.event.addListener(markernyp, 'click', function(){
					if (markernyp.getAnimation() != null) {
                                    markernyp.setAnimation(null);
                               } else {
                                    markernyp.setAnimation(google.maps.Animation.BOUNCE);
                                     }
									  infowindownyp.open(this.map,markernyp);
									 
                         });
														  
						 
						
								 
						 

													 }
												 }
											 }
											 ]
        
    })