Hola, les cuento mi problema, estoy usando php y mysql, en la base de datos guardo las coordenadas de sucursales, luego muestro una lista con todas las sucursales que se encontraron en la busqueda que realice el cliente, y quisiera que al clickear sobre una de ellas, con un enlace pueda centrar el mapa sobre el marcador que tengo ubicado en el mapa y desplegar el globo de texto con dirección, tel,etc.
Lo que deberia hacer supongo es jecutar el evento click del marcador de esa sucursal, pero ese es mi problema.
En este .php, voy armando el script con las coordenadas de sucursales y agrego marcadores con su globo de texto:
Código PHP:
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(-32.954597288751664,-55.865478515625), 6);
map.addControl(new GMapTypeControl());
map.addControl(new GSmallMapControl());
// map.addControl(new GScaleControl());
map.addControl(new GOverviewMapControl());
map.setMapType(G_NORMAL_MAP);
function addtag(point, address) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(address); } );
return marker;
}
<?php
include_once("./include/connection.php");
conectar();
$sql="select succoordenadas,sucmarcadortexto,sucdir from sucursal";//coordenadas
$result=mysql_query($sql);
while($row=mysql_fetch_assoc($result)){
echo "var point2 = new GLatLng(".$row['succoordenadas'].");\n";
echo "var address2 = '<img src=\"imagenes/logo.jpg\" width=\"200\" height=\"50\" /><br/><font color=#A0E01E size=2><b>".$row['sucmarcadortexto']."</b></font><br /><font size=2>".$row['sucdir']."</font><br /><br />Teléfono: 928 222 345<br />';\n";
echo "var marker2 = addtag(point2, address2);\n";
echo "map.addOverlay(marker2);\n";
echo"GEvent.trigger(marker2,\"click\");\n";
}
?>
}
else {
alert("Sorry, the Google Maps API is not compatible with this browser");}
}
//]]>
</script>
Esta es la funcion que me despliega dicho texto:
Código PHP:
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(address); } );
return marker;
}
En esta imagen se entiende mejor, tengo la lista de sucursales a la izquierda y me gustaria que al clickear sobre una de ellas se despliege el globo de texto en el mapa.
img515.imageshack.us/img515/5649/mapw.png no puedo poner links sorry cut & paste por favor, soy nuevo
.
Desde ya gracias, espero me puedan ayudar.
