engo que desarrollar un navegador y visor interactivo de planos de planta para edificios de apartamentos, que sucederá a su predecesor basado en Flash.

Ahora estoy en el proceso de evaluar las técnicas y tecnologías más adecuadas para implementar esto en HTML5. Tendré que admitir todos los navegadores comunes (IE a partir de 7).

Requisitos:

l usuario se le presentan varias vistas estáticas al aire libre del edificio, entre las cuales puede cambiar con un simple widget. Podrán seleccionar un piso en esta vista exterior. Al pasar el mouse (haga clic para dispositivos táctiles), el piso se resaltará. Al hacer clic en el piso, cambia a un plano de planta que, nuevamente con el mouseover / onclick, proporciona información detallada sobre el apartamento.Algunas animaciones deberían estar involucradas, pero nada demasiado elegante.

Puede ver una versión de la versión basada en flash aquí:http: //salitergasse.at/sg9/eigentumswohnungen/moedling/perchtoldsdor

He estado pensando en las opciones para implementar esto. También necesitaré una forma rápida de seleccionar polígonos para los pisos (descripción general) y los apartamentos (plano de planta) para permitir que los no desarrolladores creen nuevos edificios.

Las opciones que se me ocurrieron:

Utilice imágenes simples y mapas de imágenes para las escalas.Utilice Canvas (utilizando la solución Javascript de Google para navegadores sin soporte). Cargue la imagen en la etiqueta del lienzo y cree dinámicamente las escalas.Utilice SVG

Cuál es la mejor opción para la compatibilidad entre navegadores?