Суть изготовления карт со всплывающими областями такая:
1. Изготовляется картинка стандартного вида карты.
2. Поверх неё вешаем position:absolute прозрачку, которая и будет истинной мап, картой,с привязанной к ней area( картинка карты
п.п.1 будет видна сквозь нее. z-index данной прозрачки (10000 - к примеру)
3. Делаем у area спецфискую span обертку с единым классом, которая и даст возможность кликабельной событийности,
(посколь к area клик или иные события(не считая перехода по ссылкам) не привязываются)
<span class="Myclick" ><area shape="poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация"></span>
4.Создаем на прозрачках картинки всплывающих областей(выделена/окрашена только всплывающая область, общий размер данной картинки вместе с прозрачкой окружающей выделенную область - размером в исходную карту )
Начальный z-index у данных картинок областей отрицательный. Картинки по событию клика(наведения) привязываем к соответствующим
span.Myclick и они, по событию, меняют z-index с отрицательного, на положительный.
Картинки областей складываем стопкой с position:absolute перед самой первой дефолтной картинкой, что в
п.п.1