Мне нужно разработать интерактивный навигатор и планировщик этажей для многоквартирных домов, который сменит своего предшественника на основе Flash.
Сейчас я нахожусь в процессе оценки методов и технологий, наиболее подходящих для реализации этого в HTML5. Мне придется поддерживать все распространенные браузеры (IE, начиная с 7).
Требования:
- Пользователю предоставляется несколько статичных наружных видов здания, между которыми он может переключаться с помощью простого виджета.
- Они смогут выбрать этаж на этом внешнем виде. При наведении мыши (нажмите для сенсорных устройств) пол будет подсвечен.
- При нажатии на этаж вы переключаетесь на план этажа, который - снова при наведении курсора мыши/мыши - предоставляет подробную информацию о квартире.
- Некоторые анимации должны быть задействованы, но ничего особенного.
Я думал о вариантах реализации этого. Мне также понадобится быстрый способ выбора полигонов для этажей (обзор) и квартир (план этажа), чтобы позволить не застройщикам создавать новые здания.
Варианты, которые я придумал:
- Используйте простые изображения и карты изображений для размещения.
- Используйте canvas (используя решение Google Javascript для браузеров без поддержки). Загрузите изображение в тег canvas и динамически создайте разметку.
- Используйте SVG
Каков наилучший вариант для кросс-браузерной совместимости?