Google Maps: Abrir globos de información y peso de la página

[nicojaure]

Hola Gente

Cómo están?

Estoy armando una página del sitio de escalada deportiva http://vertigoextremo.com.ar/muros/
La mísma tiene un google maps donde se listan los lugares para practicar el deporte.

Es la primera vez que uso la api y tengo un par de cosas que no logro y quisiera saber si me pueden dar una mano:
- Quiisera poder abrir los globos de información desde links fuera del mapa (los nombres de los muros de escalada que están a la derecha). He logrado armar globos nuevos pero no abrir los que ya están. No logro armar un puntero a esos globos.
- Otro tema es que el sitio se pone extremadamente pesado a nivel que es dificil hacer scroll sobre la página. Esto es así (me refiero a que la api es muy pesada) o estoy haciendo algo mal? Sobre todo lo experimento en chrome y explorer.

Bueno, gracias como siempre por si tiempo y disculpen si esto debería estar en otro lugar.
Nicojaure

[catpaw]

A mi me sirvio mucho esta informacion:

http://www.desarrolloweb.com/manuale...ogle-maps.html

Saludos!!

[nicojaure]

Gracias!
Lo miré pero no veo como hacer lo que decía arriba.
Vos armaste algo así? Te pasaba lo comentaba de con el sitio?
Saludos

[catpaw]

Hice cosas muy padres, pero empece con los ejercicios q te explican ahi, desde cero, una vez q me salieron todos, me puse a entender el codigo, despues se me hizo muy sencillo armar algo propio...

Tienes q entender como funciona ya q nadie sabra como tiene q qdar tu codigo solo tu, en caso q te atores con algun error o algo raro, entonces ya preguntas...

Si ya llevas algo de codigo pues enseñanos porq asi dificilmente podremos ayudarte

[nicojaure]

Gracias Catpaw.
Pego el código aqui que se puede ver funcionando en http://vertigoextremo.com.ar/muros como decía en el primer post.

La función animate es la hace mueve el mapa hacia la marca.
quisiera generar una puntero a una marca determinada para poder desplegar el globo correspondiente.
Si tenés idea como hacerlo te lo agradezco mucho.

Saludos

Código Javascript:

// TODO: replace map key with actual Google Map Key.
var mapKey = "ABQIAAAAmBmsIECNt9L46XIOodXuyhQa_YWkl-zUZ7onQMIAxh2IOKKnBBTIpF5tK8P0QQUARzBLNKfBBFLBPg";
var mapData = {
  "center":{"lat":-40.460670,"lng":-63.039062,"zoom":4},  "name":"Muros_de_escalda_de_argentina",
  "balloons":[{"lat":-26.838039,"lng":-65.158128 ,"msg":"<div class='globo_mapa'><a href='http://vertigoextremo.com.ar/escalada/muros/10329/'>Pambala Climb<br/>Islas Malvinas 300, Yerba Buena, Tucumán</a></div>"},]
};
 
// Load GMap API, 
var keyUrl = "http://maps.google.com/maps?file=api&v=2&key="+mapKey;
document.write('<' + 'script src="' + keyUrl + '"' +' type="text/javascript"><' + '/script>');
 
var map;
 
// Creates a marker at the given point with the given number label
function createMarker(lat, lng, msg) {
  var point = new GLatLng(lat, lng);
  var marker = new GMarker(point);
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(msg);
  });
  return marker;
}
 
// Creates a Google map...
function createMap(mapName, center, balloons) {
  if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById(mapName));
    map.addControl(new GSmallMapControl());
    map.setCenter(new GLatLng(center.lat, center.lng), center.zoom);
    
    for(var i=0; i < balloons.length; i++) {
      var info = balloons[i];
      map.addOverlay(createMarker(info.lat, info.lng, info.msg));
    } 
  }
}
 
// Create map using the map data
window.onload = function() {
  createMap(mapData.name, mapData.center, mapData.balloons);
}
 
function animate(string) {
    var i = string.indexOf(",");     
    string1 = string.slice (i+1,string.length);
    var h = string1.indexOf(",");    
    var j = string1.lastIndexOf(",");
    lat = string1.slice (0,h);
    log = string1.slice (h+1,j);
    var amplicacion = string1.slice (j+1,string1.length);
    var zoom = parseInt(amplicacion);
    //alert ('hola' + amplicacion + 'hola');
    map.setCenter(new GLatLng(lat,log), zoom);
    //map.panTo(new GLatLng(lat,log));
    //map.setZoom(zoom);
    //map.openInfoWindow(GLatLng(lat,log))  
    //map.GInfoWindow.show()
    }
 
// FEOX: Undefined?  
//window.onunload = GUnload();
document.write('<'+'div id="' + mapData.name + '" style="width: 380px; height: 540px"><'+'/div>');
delete mapData;