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:
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.