Карты изображений на стороне клиента в основном представляют собой области, наложенные на изображение, настроенные для ссылок с возможностью щелчка.Ссылки могут быть либо JavaScript, либо указывать на другие страницы.Параметры формы области: прямоугольник (rect), круг (circle) и многоугольник (poly), и вы можете установить размеры и местоположение области относительно точек на изображении.Ссылка выше показывает примеры.Когда вы создаете карту изображения из серверного сценария, вы получаете полный контроль над областями (возможно, целой панелью) и связанными с ними ссылками (возможно, ведете к сценарию запроса с идентификационным номером прикрепленной метки).
По сути, вам нужно построить диаграмму дважды в ваших сценариях: 1-й сценарий строит и обслуживает изображение, 2-й сценарий (основной html-вид) строит соответствующую карту с набором координат, чтобы соответствовать изображению.
Вас могут также заинтересовать серверные карты изображений .Когда вы устанавливаете для элемента IMG свойство ismap и оборачиваете элемент изображения в активируемую гиперссылку, это позволяет ему щелкнуть мышью в любом месте изображения, и координаты места, где они щелкнули (x, y), будутавтоматически отправляется как дополнительные GET параметры вместе с гиперссылкой.В сценарии на стороне сервера найдите ключ $_GET, который выглядит как координаты (т. Е. Имя ключа будет «355,71», если клиент нажмет на x355, y71 на изображении).Затем вы переведете эти числа в области на динамическом графике.