var mapDiv = document.getElementById("mapa");

iniciaMapa();

//mapa.items.items[0].zoomLevel = 10;
//mapa.items.items[0].getMap();

var Btn1 = Ext.get("btn1").on("click", iniciaMapa);
var Btn2 = Ext.get("btn2").on("click", street);


function iniciaMapa()
{
  mapDiv.innerHTML = "";
  
  var mapa = new Ext.Container({
    applyTo: 'mapa',
    layout: 'fit',
    items: {
      xtype: 'gmappanel',
      zoomLevel: 15,
      gmapType: 'map',
      mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
      mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
      setCenter: {
        geoCodeAddr: 'Humboldt 90, Cuernavaca, Mo, Mexico',
        marker: {title: 'IMIPE'}
      },
      markers: [{lat: 18.910373, lng: -99.231617, marker:{title: 'SAT'}},
                {lat: 18.916867, lng: -99.237540, marker:{title: 'Comercial Mexicana'}}]
    }
  });
}

function street()
{
  mapDiv.innerHTML = "";

  var mapa = new Ext.Container({
    applyTo: 'mapa',
    layout: 'fit',
    items: {
      xtype: 'gmappanel',
      zoomLevel: 15,
      gmapType: 'panorama',
      mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
      mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
      setCenter: {lat: 18.912136, lng: -99.229379 }
    }
  });
}