Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Работа с картой метро через area


Автор: dirol 1.6.2015, 12:04
Добрый день.
Возникла потребность реализовать следующий функционал.
Пользователь заходит на сайт и видит карту метро Москвы (картинка png), кликает по какой-либо станции метро и во всплывающем окне отображается информация об офисе организации.
Сейчас это сделано через area (на странице автоматически генерируются отметки с координатами)

Возник затык на другом этапе. Нужно каким-то образом затемнять/скрывать те станции метро, для которых не сгенерирован код area, т.е. те станции, на которых нет офисов организации.
Подскажите, пожалуйста, каким способом можно решить данную проблему?

Автор: ksnk 1.6.2015, 14:03
Тоесть, сейчас есть только картинка и прикрученная к ней area? 

Что хочется получить?

При клике на отмеченнный в area участок можно вызвать любой обработчик и вывести любое нжное всплывающее окно. А вот для остальных сработает обрабочик клика по картинке (или объемлющий элемент area). Можно вывести что-нибудь жизнеутверждающее...

Чтобы "подсветить" элементы выделенные с помощью area я знаю только один способ - вручную распарсить area-структуру, нарисовать картинку в элементе канвас и раскрасить этот канвас геометрическими фигурами, как написано в area. 

Автор: MyWeb 3.6.2015, 12:34
Можно разбить картинку на элементы и наложить прозрачность, а при активации определенного - убирать прозрачность... Как-то так... smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)