Tengo un mapa de un Cementerio para realizar un mapa de Busqueda, Bueno el Cementerio es bastante grande y por consiguiente la Imagen tambien es muy grande, ahora mi problema es que necesito mostrar esa imagen en una pagina haciendole una especie de ZOOM pero que el usuario pueda interactuar con el, es decir que pueda subir o bajar el zoom, pero le objetivo del mapa es que a cada boveda tenga un juego de coordenas para que al momento de realizar una busquesa se pueda enfocar una imagen sobre el mapa:
yo tengo el codigo para buscar lo hago asi:
Código PHP:
Ver original<?php
include("config.php");
$Datos=mysql_query("SELECT difuntos_totales.Nombre_apellido as Nombre,difuntos_totales.Edad as Edad,difuntos_totales.FEnterramiento as Inhumacion,difuntos_totales.Parroquia as Parroquia,bovedas_total_$TipoBov.x as x,bovedas_total_$TipoBov.y as y FROM difuntos_totales,bovedas_total_$TipoBov where difuntos_totales.Cod_Boveda=bovedas_total_$TipoBov.codigo and difuntos_totales.Tipo_Boveda=bovedas_total_$TipoBov.Tipo and difuntos_totales.Bloque=bovedas_total_$TipoBov.bloque and difuntos_totales.difunto_ID=$DifID"); {
$nombre=$row["Nombre"];
$edad=$row["Edad"];
$inhumacion=$row["Inhumacion"];
$parroquia=$row["Parroquia"];
$x=$row["x"];
$y=$row["y"];
}
?>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="imagenes/Mapa Fisico.png" width="518" height="30" border="0"><BR><BR></td>
</tr>
<tr>
<td>
<div style="width: 2026px; height: 3000px;
background-image: url('imagenes/mapa1.png'); z-index: 1;">
<?php
{
?>
<div style="
width: 2026px; height: 3000px;
background-image: url('imagenes/pin.gif');
background-repeat: no-repeat;
background-position: <? echo $x; ?>px <? echo $y; ?>px;">
<map name="Cementerio">
<?
if($x>0)
{
?>
<area shape="rect" coords="<? echo $x; ?>,<? echo $y; ?>,<? echo $x + 20; ?>,<? echo $y + 20; ?>" title="<? echo "Nombre: $nombre"." ".$edad." Fecha de Inhumación:".$inhumacion." Parroquia:".$parroquia.""; ?>">
<?
}
?>
</map>
<img src="imagenes/leer.gif" border="0" width="1013" height="684" usemap="Cementerio">
</div><?php
}
?>
</div>
</td>
</tr>
</table>
<?
?>
a ese codigo yo obviamente le envio las coordenadas de las bovedas por Url.
tecnicamente mi duda es como hacer que ese mapa TAN GRANDE se use ZOOm pero que siga resaltando la boveda que e buscado no se si me explico... Gracias