Foros del Web » Programando para Internet » Javascript »

Etiquetas a cada marca de Google Map

Estas en el tema de Etiquetas a cada marca de Google Map en el foro de Javascript en Foros del Web. Hola a todos. He creado un mapa de google para que me coja las posiciones alojada en una base de datos. Pero quiero hacer que ...
  #1 (permalink)  
Antiguo 01/12/2010, 17:57
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 5 meses
Puntos: 32
Etiquetas a cada marca de Google Map

Hola a todos.

He creado un mapa de google para que me coja las posiciones alojada en una base de datos.

Pero quiero hacer que a cada punto o marca en el mapa le salga un cartelito distinto..

he creado un bucle con while en la que le paso todas las coordenada, pero no logro que a cada marca le corresponda su etiqueta (openInfoWindowHtml)

Este es el script

Muchas gracias.

Código PHP:
<script type="text/javascript">
    function locate()
    {
        if (GBrowserIsCompatible())
        {
            var map = new GMap2(document.getElementById("map"));
            map.setCenter(new GLatLng(39.95,4.060), 11);
            map.setUIToDefault();

            // Create a base icon for all of our markers that specifies the
            // shadow, icon dimensions, etc.
            var baseIcon = new GIcon(G_DEFAULT_ICON);
            baseIcon.image = "/graf/google_map/rental_minorca.png";
            baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
            baseIcon.iconSize = new GSize(32, 32);
            baseIcon.shadowSize = new GSize(37, 34);
            baseIcon.iconAnchor = new GPoint(9, 34);
            baseIcon.infoWindowAnchor = new GPoint(9, 2);

            <?
            
while ($row_coo=mysql_fetch_assoc($result_listado))
                {
                
$cont++;
                
$var_marca="marker".$cont;
            
?>
            function createMarker(point, index)
            {
                var letteredIcon = new GIcon(baseIcon);
                letteredIcon.image = "http://www.google.com/mapfiles/marker.png";

                // Set up our GMarkerOptions object
                markerOptions = { icon:baseIcon };
                var <?echo $var_marca;?> = new GMarker(point, markerOptions);

                GEvent.addListener
                    (
                        <?echo $var_marca;?>, "click", function()
                        {
                            <?echo $var_marca;?>.openInfoWindowHtml("<?echo $row_coo[id]?>");
                            map.setZoom(11);
                        }
                    );
                return <?echo $var_marca;?>;
            }


            <?
                
if ($row_coo[coordenadas]!="")
                    {
                        echo 
"var latlng = new GLatLng($row_coo[coordenadas]);";
                        echo 
"map.addOverlay(createMarker(latlng,1));";
                       }
                  }
            
?>

          }
    }
</script>
  #2 (permalink)  
Antiguo 02/12/2010, 00:52
Avatar de gogupe  
Fecha de Ingreso: octubre-2006
Ubicación: Mallorca
Mensajes: 897
Antigüedad: 17 años, 5 meses
Puntos: 32
Respuesta: Etiquetas a cada marca de Google Map

Para quien tenga el mismo problema, ya lo he encontrado.
Hay un ejemplo hecho en:

http://www.desarrolloweb.com/articul...cas-mapas.html

Gracias.

Etiquetas: etiquetas, google, map, marca
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:46.