Как создать карту с помощью Web-сервиса
Знакомясь с технологией web, мы узнали, как гипертекстовые ссылки организованы в HTML, когда щелчок на гиперссылке приводит к переходу на другую страницу. Гиперссылками могут быть и изображения. При наличии якоря для данного изображения щелчок на нем приводит к тому, что браузер запрашивает гипертекстовую страницу, на которую якорь указывает.
Каждое изображение может представлять собой одну гипертекстовую ссылку. При щелчке на данном изображении вы переходите к указанному документу. Если вы хотите, например, организовать ссылки на разные документы, то это можно сделать при помощи трех или четырех мелких изображений (иными словами, пиктограмм), каждое из которых предлагает иной выбор.
Карт изображения с помощью Web-сервиса. В этом случае переход по ссылке зависит от того, на какую часть изображения вы указываете при щелчке. Таким образом, одно изображение оказывается вектором с указанием на несколько возможных путей. Применение карт изображений предполагает, что браузер web каким-то образом взаимодействует с процессом на сервере web: он должен передавать координаты местоположения курсора при щелчке.
Зафиксируйте изображение. Карта изображения, как она видна в окне браузера Netscape Navigator. Для этого примера мы создали (почти полноэкранное) графическое изображение и сохранили его в формате. GIF в файле sample GIF. Обратите внимание, что рисунок разбит на несколько областей - например Circle City и Squaresville. Бледно-желтый фон также является областью.
В браузере web читатель (т. е. тот, кто путешествует по web) может переместить курсор в одну из областей и щелкнуть кнопкой мыши. Так как это карта изображения, щелчок на круге приведет к переходу по ссылке к HTML-документуcircle.htm.
Если пользователь щелкает кнопкой мыши, когда курсор располагается на графике, то браузер посылает запрос серверу web. Упоминаемый в запросе URL - это имя файла с картой для использования выполняющейся на сервере web программой обработки карты изображения; файлы с картой - обычные текстовые файлы в кодировке ASCII с перечислением координат областей изображения и вызываемых при выборе данной области URL. Координаты задаются в пикселах (элементах картинки), причем верхний левый угол изображения имеет координаты (0,0).
Кроме того, браузер присоединяет к URL координаты курсора в момент щелчка. Чтобы определить попадание координат в одну из заданных областей, программа обработки карты изображения (т. е. программа CGI на web-сервере) берет указанные координаты и обращается к файлу с картой. В случае попадания программа смотрит (также в файле с картой) URL соответствующего документа, извлекает его и передает браузеру.
Простейшая карта.
default /samples/misc.htm
circle (110,107) (204,107) /samples/circle.htm
oval (15,215) (197,274) /samples/oval.htm
poly (248,23) (462,54) (334,78) (342,184)
(510,184) (502,244) (226,278)
/samples/polygon.htm
rect (356,110) (516,173) /samples/rect.htm
Выше показан пример файла с картой. Файл был назван нами sample.map. Первая строка sample.map содержит URL по умолчанию - это URL документа, извлекаемого, когда пользователь щелкает на изображении вне определенных областей. В данном примере это документ с именем misc.htm.
Формат файла с картой зависит от используемых сервера Web и программы обработки карт изображений, но, как правило, каждой области соответствует одна строка. Первым элементом каждой строки является тип области (прямоугольник, многоугольник, круг или овал).
После описания типа области вы должны указать координаты ее границы. В случае прямоугольника это координаты левой верхней и правой нижней вершин; в случае многоугольника - координаты всех вершин многоугольника; в случае круга - координаты центра плюс координаты какой-либо точки на окружности; в случае овала - верхняя левая и правая крайняя координаты.
Последний элемент строки - это URL извлекаемого документа при выборе области.
Чтение карт. Карты изображений в World Wide Web используются часто, поэтому при путешествии по Web можно найти множество примеров. Многие браузеры Web имеют поле, в котором при указании курсором на гиперссылку вы можете увидеть URL извлекаемого документа при щелчке на данной ссылке. Это справедливо и для карт изображений. Разница в том, что в случае карт изображений вы видите расширенный URL не только с именем файла, но и со знаком вопроса и следующей за ним парой чисел, разделенных запятой. Эти два числа соответствуют текущим координатам курсора, причем они меняются при перемещении мыши. Перемещая курсор, вы можете определить границы всей охватываемой картой изображения поверхности.
Слева от знака вопроса имя файла с картой областей и URL, на которые области указывают. При щелчке где-либо в пределах карты изображений, вся строка - в том числе имя файла, знак вопроса и координаты курсора - посылается в качестве запроса для получения документа.
Файлы с картами изображений хранятся в особом каталоге (местоположение каталога может меняться в зависимости от сервера Web). При поступлении запроса об URL сервер определяет по имени каталога, что это запрос к карте изображения, и передает URL-кодированные данные программе обработки изображений (CGI-программе). Программа анализирует данные на предмет определения запрашиваемого файла с картой и координат курсора в момент щелчка кнопкой мыши. После этого она берет файл с картой и сравнивает координаты курсора с картой изображения для определения области, в которой курсор находился при щелчке, и соответствующего URL. Затем программа сообщает серверу Web, какой документ он должен извлечь, а сервер Web посылает его браузеру. [7]