Estoy haciendo una web para una ciudad fictícia para un proyecto de universidad. El caso es que he creado un mapa en Google Maps con marcadores y tal (Mis mapas dentro de Google Maps) y me gustaría integrarlo en la web, hasta ahí ningún problema (he conseguido hacerlo funcionar con la API y con el código embed... al final me quedo con el embed por la facilidad para añadir marcadores personalizados, que es lo que me interesa).
Al principio de la pagina hay varios links de los puntos de interés (servícios -> hospital, bomberos, policía... etc...), el caso es que me gustaría que el recuadro de google maps cambiase según el link que pulse el usuario, es decir, el código de google maps es un embed del tamaño del div dónde se muestra (en mi caso 800 x 800px). Cada punto de interés tiene su enlace de éste tipo:
Código :
<iframe width="800" height="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps/ms?ie=UTF8&hl=es&msa=0&msid=216989471500725243862.0004a3ecb44b6aeef1100&ll=41.767983,-71.440315&spn=0.204853,0.274315&z=12&iwloc=0004a3ecbc468519d7cdb&output=embed"></iframe>
La cuestión, imagino para poder hacer esto sería mediante javascript, almacenar cada uno de los "iframes" de google maps asignados a un marcador, mediante un número, por ejemplo:
Código :
<script type="text/javascript"> var poi1 = '<iframe width="800" height="800" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps/ms?ie=UTF8&hl=es&msa=0&msid=216989471500725243862.0004a3ecb44b6aeef1100&ll=41.767983,-71.440315&spn=0.204853,0.274315&z=12&iwloc=0004a3ecbc468519d7cdb&output=embed"></iframe>'
Y así ir definiendo todos los "poi" mediante un número X y ésta variable asociarla a cada link de los que hay, para que cuando se pulse un link, se recargue la página pero en el div dónde está google maps, cargue el valor de la variable que toque en función del link...
¿Es posible esto? o haría falta PHP? esque estoy empezando ahora javascript y PHP y voy un poco perdido... no se si podría hacerlo con javascript para evitar tener que usar PHP (ya que toda la web es HTML a pelo), o si debería usar PHP con una base de datos dónde almacenar los códigos...
La web, por si le queréis hechar un vistazo es www.pablogarciaroca.com/quahog
Es el apartado "Lugares", como veréis, ahora hay links pero son '#' ya que no tengo hecho el script y además, Google Maps se muestra mediante API, no mediante los iFrames que os comento arriba.
Gracias de antemano!
