Foros del Web » Programando para Internet » PHP »

infoWindow GoogleMap

Estas en el tema de infoWindow GoogleMap en el foro de PHP en Foros del Web. Hola, os cuento un poco. Tengo una funcion php, con la que mediante ajax obtengo todas las pozas de una base de datos. Estas las ...
  #1 (permalink)  
Antiguo 26/07/2011, 09:12
 
Fecha de Ingreso: diciembre-2009
Mensajes: 79
Antigüedad: 14 años, 11 meses
Puntos: 1
infoWindow GoogleMap

Hola,

os cuento un poco. Tengo una funcion php, con la que mediante ajax obtengo todas las pozas de una base de datos.

Estas las guardo en un array en Javascript y posteriormente tengo un html con unos inputs y lo filtro para que solo me cree los marker de aquellas pozas que han pasado el filtro.

Esto lo hace bien.

Pero cuando a cada MArker le asigno mediante addListener, que muestre un infoWindow cuando haga click sobre el marker. Esto no lo hace, y cada infoWindow sale en el marker que le da la gana :S

adjunto la parte del codigo, a ver si veis donde esta el fallo.
Tambien si veis alguna burrada programando..los comentarios seran bien recibidos.
Que soy nuevo en esto y no se si abuso quizas mucho de los bucles for...

Código:

var $MAPA = null;
var $MARCAS = new Array();
var $INFOWINDOW = new google.maps.InfoWindow();                
var $ZONAS = new Array;
var $POZAS = new Array;
var $CENTRO = new google.maps.LatLng(36.38736, -5.95047);

function cerrarInfo()
{
    $INFOWINDOW.close();
}

function abrirInfo(marca,contenido)
{
    $INFOWINDOW.setContent(contenido);
    $INFOWINDOW.open($MAPA,marca);    
}

function obtenerPozas(){
    $.ajax({
        url: 'http://localhost/imareal/ajax/obtenerPozas/',
        dataType: 'json',
        success: function(pozas)
        {
            $.each(pozas, function(i, poza){
                $POZAS.push(poza);
            }); 
        }
    });
}

function mostrarPozas(zona,fisios,anyos)
{
    borrarMarcas();
    var pozas_zona = new Array;
    var pozas_fisio = new Array;
    var pozas_anyo = new Array;
    
    if(zona==='-1'){
        pozas_zona = $POZAS;
    }else{
        for(i=0;i<$POZAS.length;i++){
            poza = $POZAS[i];
            if(poza.nomZona === zona){
                pozas_zona.push(poza);
            }
        }    
    }
    
    if(fisios){
        for(i=0;i<pozas_zona.length;i++){
            poza = pozas_zona[i];
            if(jQuery.inArray(poza.tipo,fisios) >= '0'){
                pozas_fisio.push(poza);
            }
        }
    }else
    {
        pozas_fisio = pozas_zona;
    }
    
    if(anyos){
        for(i=0;i<pozas_fisio.length;i++)
       {
            poza = pozas_fisio[i];
            if(jQuery.inArray(poza.anyo,anyos) >= '0'){
                pozas_anyo.push(poza);
            }
        }
    }else
    {
        pozas_anyo = pozas_fisio;
    }
    
    for(i=0;i<pozas_anyo.length;i++)
    {
        poza = pozas_anyo[i];

        var descrp = '<div><ul>'+
                        '<li><span>POZA: </span> '+poza.codPoza+'</li>'+
                        '<li><span>FISIOGRAF&Iacute;A: </span> '+poza.tipo+'</li>'+
                        '<li><span>FECHA: </span> '+poza.mes+'/'+poza.anyo+'</li>'
                    '</ul></div>';
        
        var pos = new google.maps.LatLng(poza.latitud,poza.longitud);
        
        var marca = new google.maps.Marker({
            position: pos,
            map: $MAPA,
            title: poza.codPoza
        });
        google.maps.event.addListener(marca, 'click', function(){
            abrirInfo(marca,descrp);
        });
        $MARCAS[i] = marca;
    }
}

function borrarMarcas(){
    for(i=0;i<$MARCAS.length;i++)
    {
        $MARCAS[i].setMap(null);
    }
    $MARCAS = [];
}
  
$(document).ready(function(){
    crearMapa();
    obtenerPozas();
    $('.zonas').click(function(){centrarMapa($(this).attr('href'));return false;});
    
   $('#zona,#fisios,#anyos').change(function(){
        mostrarPozas($('#zona :selected').val(),$('#fisios').val(),$('#anyos').val());
        });
    
});
Un saludo y gracias!
  #2 (permalink)  
Antiguo 27/07/2011, 17:23
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 15 años, 5 meses
Puntos: 1517
Respuesta: infoWindow GoogleMap

Mira este tema http://www.maestrosdelweb.com/editor...w-google-maps/
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos

Etiquetas: html, javascript, jquery, js, googlemaps
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:51.