Como hacer mapa de edificio dinámico?

Iniciado por L0Ko, 21 Noviembre 2012, 04:25 AM

0 Miembros y 1 Visitante están viendo este tema.

L0Ko

Hola les cuento, necesito hacer el plano de las instalaciones de un edificio de una planta, para al ingresar al sitio web vea las instalaciones y la información al respecto de cada sección.
El caso esta en que no tengo idea de como hacerlo y en que software realizar el plano pues me piden una imagen 3D como la de abajo (Aclaro no es un recorrido virtual) y al poner el mouse diga algo como oficina1, oficina2 etc.
se debera de ver una imagen 3D


y aca un jemplo mas del plano  http://www.xochitla.org.mx/varios/panoramicas/mapa.html

#!drvy

Hola,

De software (aunque no ande mucho por este tema) puedes probar con Google SketchUP o Microsoft Office Visio.

Para crear los mapas, puedes utilizar el tag (etiqueta) html "<map>"

Un ejemplo de su implementación:
Código (html4strict) [Seleccionar]
<img src="planetas.gif" width="145" height="126" alt="Planetas" usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="sol.htm" alt="Sol">
 <area shape="circle" coords="90,58,3" href="mercurio.htm" alt="Mercurio">
 <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>


Demo en vivo.

Y para añadirle ciertos efectos puedes utilizar la librería jQuery y sus efectos (o algún plugin adicional).

Adicionalmente si no quieres usar <map>, puedes meter una imagen y utilizar la técnica de CSS Sprites.


Saludos