Масштабируемая карта (map area) с подсветкой областей.

Потребовалось сделать на сайте интерактивную карту с подсветкой, по html технологии тег <map> служит контейнером для элементов <area> активные области для карт-изображений, но хотелось сделать ее «резиновой«, что стандартный html не позволяет реализовать. Пришлось смотреть в сторону JS.
Нашел два проекта:

  1. rwdImageMaps — проект позволяет масштабировать картинку на основе image maps.
  2. maphilight — проект позволяет подсвечивать картинку на основе image maps.

Но в месте они не работают 🙁

Пришлось поправить maphilight

Тут лежит демо с поправленными скриптами.

P.S. Очень хороший online-генератор map area.

4 комментария to “Масштабируемая карта (map area) с подсветкой областей.”

  1. На сайте есть программа Генератор map карт и есть скрипт умеющий масштабировать карты.

  2. Большое спасибо! Сочетание подсветки с возможностью масштабирования… Это очень классно!

  3. re:

    Очень большое спасибо! Искал решение три дня, уже собрался рисовать на SVG! Ваше решение работает именно так как нужно!

  4. re:

    Кстати по поводу всевозможных генераторов map area — на мой взгляд всех удобнее привычный Adobe Dreamweaver

Leave a Reply