Могут использоваться следующие типы областей: rect, circle, poly, default и point.
Координаты X и Y отделяются запятыми, но не заключаются в круглые скобки. В этом формате допускается использование строк комментариев. Любая строка, начинающаяся с символа #, будет рассматриваться как комментарий, и ее содержимое будет игнорироваться программой интерпретации.
Формат NCSA предлагает несколько отличный способ для задания круговых областей (по сравнению с форматом CERN и рассматриваемым ниже клиентским вариантом). Круговая область задается координатами двух точек — центра и любой точки, лежащей на окружности.
Приведем пример записи конфигурационного файла формата NCSA:
# Пример записи конфигурационного файла
rect https://www.anywhere.com/ 56,47 357,265
circle https://www.anywhere.com/ 366,147 366,256
poly https://www.anywhere.com/ 534,62 699,62 698,236 626,261 534,235 534,62
3. Клиентский вариант карты-изображения
Клиентский вариант карты-изображения позволяет разместить всю информацию о конфигурации карты в HTML-файле, в который встроено изображение. В отличие от серверного варианта, в котором для каждой карты-изображения требовался отдельный конфигурационный файл, в этом варианте конфигурация карты может располагаться непосредственно в том же HTML-документе, в котором задана ссылка на опорное изображение.
Для указания того, что встроенное изображение является опорным для карты, используется параметр USEMAP тега <IMG>. Значением параметра USEMAP является ссылка на описание конфигурации карты.
Например:
<IMG SRC=logo.gif USEMAP=#logo>
В этом примере изображение, хранящееся в файле с именем logo.gif, является опорным для карты-изображения, реализуемой в клиентском варианте.
Описание конфигурации активных областей должно располагаться в том же файле, что и данная строка HTML-кода, и иметь для данного примера имя logo.
Карта изображения определяется парным тегом <map>…</map>. HTML-документ может содержать несколько карт изображения, поэтому каждой карте должно быть присвоено уникальное имя, которое определяется атрибутом name.
Значение параметра NAME определяет имя, которое должно соответствовать имени в USEMAP. Тег <МАР> требует закрывающего тега </МАР>. Внутри этой пары тегов должны располагаться описания активных областей карты, для чего используется специальный тег <AREA>.
Каждый отдельный тег <AREA> задает одну активную область. Активные области могут перекрываться. В случае если некоторая точка относится одновременно к нескольким активным областям, то будет реализована та ссылка, описание которой располагается первым в списке областей.
Параметрами тега <AREA> являются SHAPE, COORDS, HREF, NOHREF, TARGET, и ALT. Рассмотрим назначение этих параметров:
Параметр SHAPE определяет форму активной области. Допустимыми значениями являются rect, circle, poly, default. Эти значения задают области в виде прямоугольника, круга, многоугольника. Последнее значение — default — определяет все точки области. Если параметр SHAPE опущен, то по умолчанию предполагается значение rect, т. е. область в виде прямоугольника.
Параметр COORDS задает координаты отдельной активной области. Значением параметра является список координат точек, определяющих активную область, разделенных запятыми. Координаты записываются в виде целых неотрицательных чисел. Начало координат располагается в верхнем левом углу изображения, которому соответствует значение 0,0. Первое число определяет координату по горизонтали, второе — по вертикали. Список координат зависит от типа области.
Для области типа rect задаются координаты верхнего левого и правого нижнего углов прямоугольника.
Для области типа circle задаются три числа — координаты центра круга и радиус.
Для области типа poly задаются координаты вершин многоугольника в нужном порядке. Заметим, что последняя точка в списке координат не обязательно должна совпадать с первой. Если они не совпадают, то при интерпретации данных для этой формы области браузер автоматически соединит последнюю точку с первой..
Параметры HREF и NOHREF являются взаимоисключающими.
Параметр ALT позволяет записать альтернативный текст для каждой из активных областей изображения. По существу этот текст будет играть лишь роль комментария для создателя документа
Приведем пример задания областей различных типов:
<МАР NAME="logo">
<AREA SHAPE=rect COORDS="33,60,191,246" HREF="r.htm" ALT="Прямоугольная область">
<AREA SHAPE=circle COORDS="366,147,109" HREF="c.htm" ALT="Круговая область">
<AREA SHAPE=poly COORDS="534,62,699,62,698,236,626,261,534,235"
HREF="p.htm" ALT="Многоугольник"> <AREA SHAPE=default HREF="default.htm">
</MAP>
Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из них. Эту особенность можно использовать в ситуации, когда пользователь щелкает мышью на точке, которая не принадлежит ни одной из областей карты, определив последнюю область карты как прямоугольник шириной и высотой во всю картинку.
Чтобы использовать изображение, как карту, в тег <img> необходимо ввести дополнительный атрибут usemap, определяющий имя карты изображения. Перед этим именем ставится знак "#".