HTMLImageElement: свойство useMap

Свойство useMap на интерфейсе HTMLImageElement отражает значение атрибута HTML usemap, которое представляет собой строку, содержащую имя клиентской карты изображения, которое нужно применить к изображению.

Строка, предоставляющая локальный URL страницы (то есть URL, начинающийся с символа решетки или фунта, #) элемента <map>, который определяет карту изображения для применения к изображению.

Подробнее о клиентских картах изображений можно узнать в нашей обучающей статье Добавление карты нажатий поверх изображения.

Строковое значение useMap должно быть корректным якорем для элемента <map>. Другими словами, эта строка должна быть значением соответствующего атрибута name элемента <map> с префиксом символа решетки или фунта.

Рассмотрим <map> , который выглядит так:

<map name="mainmenu-map">
  <area
    shape="circle"
    coords="25, 25, 75"
    href="/index.html"
    alt="Return to home page" />
  <area shape="rect" coords="25, 25, 100, 150" href="/index.html" alt="Shop" />
</map>

Учитывая карту изображения с именем mainmenu-map, изображение, которое ее использует, должно выглядеть примерно так:

<img src="menubox.png" usemap="#mainmenu-map" />

Дополнительные примеры (включая интерактивные) можно найти в статьях об элементах <map> и <area>, а также в руководстве по использованию карт изображений.