google maps, php y mysql

[Swab]

Estimados amigos del foro, hace un tiempo he estado trabajando con php, google maps y mysql. Ahora he querido que me muestre un infowindows, al hacer clic en otro punto me cierre el anterior. Efectivamente lo hace, pero me muestra la misma información en 2 o más marcadores.
Mismo nombre, dirección, etc... Pero me muestra los marcadores bien posicionados.
A continuación les pongo mi código, lo acorté para ahorrar espacio.

Código Javascript:

<script type="text/javascript">
     google.maps.event.addDomListener(window, 'load', function() {
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 15,
      center: new google.maps.LatLng(-43.117027, -73.619099),
      mapTypeId: google.maps.MapTypeId.HYBRID
    }); //Cierra  var map
 
    var infoWindow = new google.maps.InfoWindow;
 
    var onMarkerClick = function() {
      var marker = this;
      var latLng = marker.getPosition(); //Entrega la posición de los marcadores
          infoWindow.setContent(marcadores); //Esta es la línea que tiene el contenido de la variable marcadores
          infoWindow.open(map, marker);
    }; // Cierre de  var onMarkerClick = function() {
      google.maps.event.addListener(map, 'click', function() {
      infoWindow.close();
    });
    <?php
        if($tabla == "puntos" or $criterio != ""){
  ?>
    <?php while ($row = mysql_fetch_array($query2))
     { 
     ?> 
        var myLatLng  =  new google.maps.LatLng(<?php echo $row['lat']; ?>, <?php echo $row['lng']; ?>);
        var empresa   =  <?php echo "\"" . $row['empresa'] . "\""; ?>;
        var direccion =  <?php echo "\"" . $row['direccion'] . "\""; ?>;
        var telefono  =  <?php echo "\"" . $row['telefono'] . "\""; ?>;
        var image     =  <?php echo "\"" . $row['icono']. "\"";  ?>;
        //Vamos añaddiendo el marcador
        var marker    =  new google.maps.Marker(
         {
          position: myLatLng,
          draggable:false,
          animation: google.maps.Animation.DROP,
          map: map,
          icon: image
       });//Cerramos el maker
        var marcadores ='<b>Empresa:</b>' +empresa + '<br>' + '<b>Direcci&oacute;n:</b>' +direccion + '<br>' + '<b>Tel&eacute;fono:</b>'+telefono;
 
        google.maps.event.addListener(marker, 'click', onMarkerClick);  
    <?php } ?>/*Cierre del While*/
  <?php 
  }
  ?>    
});
 
  </script>
 

Desde ya les gradezco, espero me puedan ayudar a ver dónde esta mi error.

Swab

[txemaarbulo]

Sin poder hacer las pruebas del código completo permíteme darte algunas sugerencias. Si no te funciona, envíame un enlace a tu página si está levantada para pruebas.

Desde la posición donde veo tu función

Código Javascript:

...
var onMarkerClick = function() {
      var marker = this;
      var latLng = marker.getPosition(); //Entrega la posición de los marcadores
          infoWindow.setContent(marcadores); //Esta es la línea que tiene el contenido de la variable marcadores
          infoWindow.open(map, marker);
    }; // Cierre de  var onMarkerClick = function() { ...
 

No tengo claro que le llegue la información del

Código Javascript:

if($tabla == "puntos" or $criterio != ""){ .... }
 

Personalmente, seguido de

Código Javascript:

...
var marcadores ='<b>Empresa:</b>' +empresa + '<br>' + '<b>Direcci&oacute;n:</b>' +direccion + '<br>' + '<b>Tel&eacute;fono:</b>'+telefono;
...
 

introduciría la lectura del infowindows. Quedaría algo parecido a esto

Código Javascript:

var marcadores ='<b>Empresa:</b>' +empresa + '<br>' + '<b>Direcci&oacute;n:</b>' +direccion + '<br>' + '<b>Tel&eacute;fono:</b>'+telefono;
        
          google.maps.event.addListener(marker, 'click', function () {
            infowindow = new google.maps.InfoWindow();
            infowindow.setContent(marcadores);
            infowindow.open(map, marker);
          });
 
 //       google.maps.event.addListener(marker, 'click', onMarkerClick); Podríamos eliminar la línea y la función onMarkerClick
 

Como ves, infowindow queda dentro de la función google.maps.event.addListener(marker, 'click', function () y sobra onMarkerClick = function() al completo

[Swab]

Gracias por responder, pero saber que queda igual...
échale un vistazo en esta dirección:

http://files.dm.cl/mapaquellon/web/#

Pincha sobre un link derecho y selecciona algo. El primer valor que le haces clic, te sigue por siempre.



Swab

[txemaarbulo]

Iniciado por Swab

Gracias por responder, pero saber que queda igual...
échale un vistazo en esta dirección:

http://files.dm.cl/mapaquellon/web/#

Pincha sobre un link derecho y selecciona algo. El primer valor que le haces clic, te sigue por siempre.



Swab

Lo que estoy viendo está claro:
- Con <?php while ($row = mysql_fetch_array($query2)) te recorre todos los datos y los construyes más abajo.
- Con var marker = this; recorres todos los marcadores-
Pero el infoWindow.setContent(marcadores); siempre te recogerá el último ya que la variable se reescribe hasta el final.

He probado para darte una solución directamente, considerandolo un array pero no me permite la estructura que le has dado, por la reescritura de las mismas variables.

Te sugiero que adaptes una forma de lectura como te recomiendan en Uso de PHP / MySQL con Google Maps generando unXML que será leído posteriormente.
Puedes encontrar otras formas de crear, por ejemplo, un archivo JSON (generado dinamicamente con PHP), incluso en este mismo foro.

Personalmente este tipo de trabajos los leo a través de XML con excelente resultado (ver aquí o aquí).

[Swab]

Muchísimas gracias, era lo que necesitaba...