Extjs + GMap = gmappanel

Hola de Nuevo como ya vimos el caruosel, ahora le toca a Google Maps.

Lo primero descargamos el js del gmappanel de la siguiente url:

gmappanel

author: Shea Frederick (les debo la url de donde lo baje, apenas me quede tiempo la pongo para que visiten el portal o blog del hombre)

El archivo no fue creado por mi pero si lo he editado a mis necesidades, he incluido algunos métodos, pero bueno aquí un ejemplo de como usarlo:

var gmap_panel = new Ext.ux.GMapPanel({

plain: false,

monitorResize: true,

zoomLevel: 8,

gmapType: 'map',

addControl: new GSmallMapControl(),

setCenter: { lat: 3.393489, 'long': -76.546347 },

markers: [{ lat: 3.393489, 'long': -76.546347, marker: {title: 'Cali'}}]

});

para remover los marcadores:

gmap_panel.removeAllMarkers();

para centrar el gmappanel y agregar un marcador:

var latitud = coordenada_de_latitud;

var longitud = coordenada_de_longitud;

gmap_panel.moveCenter(latitud, longitud);

var mkr_point = new GLatLng(latitud, longitud);

var mark = new GMarker(mkr_point, { title: titulo_marker } );

gmap_panel.addGMarker(mark);

mark.openInfoWindowHtml('información que se quiera mostrar en la burbuja');

recuerden agregar la librería de Gmap:

script type="text/javascript" src="http://maps.google.com/maps?file=api&"

script type="text/javascript" src="...../gmaps/gmaps.js"

Espero les sea de ayuda.