Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/02/2010, 10:13
Avatar de JuJoGuAl
JuJoGuAl
 
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 9 meses
Puntos: 19
Mapa de Ubicacion para PHP

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
  1. <?php
  2. include("config.php");
  3. $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");
  4. while ($row=mysql_fetch_assoc($Datos))
  5. {
  6. $nombre=$row["Nombre"];
  7. $edad=$row["Edad"];
  8. $inhumacion=$row["Inhumacion"];
  9. $parroquia=$row["Parroquia"];
  10. $x=$row["x"];
  11. $y=$row["y"];
  12. }
  13. ?>
  14.  
  15. <table width="100%" border="0" cellpadding="0" cellspacing="0">
  16. <tr>
  17.   <td><img src="imagenes/Mapa Fisico.png" width="518" height="30" border="0"><BR><BR></td>
  18. </tr>
  19.  
  20. <tr>
  21.   <td>
  22.   <div style="width: 2026px; height: 3000px;
  23.   background-image: url('imagenes/mapa1.png'); z-index: 1;">
  24.   <?php
  25.   if(mysql_num_rows($Datos)>0)
  26.     {
  27.     ?>
  28.     <div style="
  29.              width: 2026px; height: 3000px;
  30.              background-image: url('imagenes/pin.gif');
  31.              background-repeat: no-repeat;
  32.              background-position: <? echo $x; ?>px <? echo $y; ?>px;">
  33.  
  34.             <map name="Cementerio">
  35.            <?
  36.              if($x>0)
  37.              {
  38.               ?>
  39.                <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.""; ?>">
  40.               <?
  41.              }
  42.            ?>
  43.           </map>
  44.           <img src="imagenes/leer.gif" border="0" width="1013" height="684" usemap="Cementerio">
  45.  
  46.               </div><?php
  47.     }
  48.     ?>
  49.               </div>
  50.   </td>
  51. </tr>
  52. </table>
  53. <?
  54. ?>

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