Альтернативы тегу AREA при создании карты Javascript

Question

У меня очень большая картинка карты.Теперь я хочу создать пользовательский интерфейс Map, в котором пользователь может щелкнуть, чтобы выделить регионы, а также использовать функцию масштабирования карты.

Является ли тег AREA единственным способом решения этой проблемы?Моя единственная проблема заключается в том, что когда я увеличиваю карту, изображение будет увеличено, как и изображение, которое оно содержит, но как мне расширить координаты ОБЛАСТИ в соответствии с моим уровнем масштабирования?Есть хороший подход для решения этой проблемы?

Answer 1

Область, к сожалению, является единственным способом представления полигонов.Вы можете прочитать свои координаты из тега AREA, масштабировать их и записать их обратно.Хотя округление перекрытий - это боль, с которой приходится иметь дело.

Одной из альтернатив является использование API карт BING, которое позволяет настраивать наложения.Вам нужно создать наложение для каждого уровня масштабирования.

Answer 2

Простой вариант: ImageMapster вычисляет большинство картографических объектов для вас на лету.IE6 +, требуется jQuery.

Более сложный, более мощный вариант: Raphael.js позволяет создавать полностью управляемые и полностью масштабируемые векторные SVG-графики во всем из IE6 + (не требует Flash).Немного крутой кривой обучения, но это очень мощный.

Answer 3

Применить css к AREA MAP

Я предлагаю SVG, что также решило бы вашу проблему с масштабированием.Единственное осложнение заключается в том, что IE8 и ниже не будут его поддерживать, а IE9 пока не проходит через Центр обновления Windows пользователям, не имеющим бета-версии.