en ru Предложенные плагины Избранное Предложить плагин на сайте ведутся работы Выключить демо Включить демо
Login using:

MapHilight - динамическое выделение областей карты кликов (imagemap)

Областям можно задавать разные цвета. Цвет и толщина бордера настраиваются. Эффект плавного появления заховеренной области (fade in). MapHilight - dynamic allocation of regions map of clicks (imagemap)
Функциональность: 4
Надежность: 4
Простота внедрения: 3.5
Документация: 4
Средняя оценка: 3.875

MapHilight обладает гибкими настройками по кастомизации стилей  регионов карты сайта. На практике это означает, что регионам можно задавать любые настройки бордеру (цвет, толщина, прозрачность) и заливки (цвет, прозрачность). Доступен параметр анимации - выделение заховеренной области может происходить с анимацией (ее скорость регулируется) или без нее.

категория:
тэги:
/ru/maphilight
Рецензии
petrovnn
Преимущества
Это очень крутой плгин! Использовал в нескольких проектах, везде настройки работают четко. Можно задать плавное появление/изменение региона при ховере - выглядит круто. Так-же кажется можно задавать прозрачность регионам.
Недостатки
Недостаток - область клика (area) нужно размечать вручную с помощью какой-нибудь программы, я использовал Dreamweaver. Дело это очень муторное, особенно если областей много, и все они не квадратные, как например карта жилого комплекса. Отладка с файербагом бывает не очень проста, ну это зависит от кармы :)
sub deacom
Комментарий
Предыдущему рецензенту: по поводу муторности создания imagemap вручную—полностью согласен. Немного радостнее картина выглядит когда карта создана в Adobe Illustrator: задав с помощью панели Attribute url для выделенной области, можно сохранить все это как html-документ с готовыми координатами для imagemap. Получается гораздо аккуратнее, чем при проставлении координатов в том же Dreamviewer вручную (ну, при условии конечно аккуратного векторного исходника :).
petrovnn:И все-таки и дримвейвер и илюстратор - это костыли. Во-первых это не дешевый софт. Во-вторых это зависимость от корпораций, которые диктуют свои условия и навязывают правила, выгодные им. Хотелось-бы легкого, интуитивного инструмента для разметки карты кликов для этого плагина. Например я не использую илюстратор, и на домашних компах у меня нет, а дримвейвер - подавно. На работе пришлось ставить для этих нужд дримвейвер. Интересно, в связи с наступлением эры HTML5 canvas и т.п. есть-ли у imagemap будущее?
A comparison of maps plugins

 

 licensezoomhighlighting region 
on the map
map
markers
full screen
mode
mouse
wheel
inertial
motion
visualization method
Gstatic mapFree
 
 
one marker
at the center
 
 
 
Google maps images:
map | satellite | hybrid
jVectorMapFree
 
 
 
 
 
 

special vector format 
in .js file. Render as SVG

MapBoxFree
 
 
poor
implemen-
tation
 
 
 
set of images with different resolution. Minimum - 2 images.
MapHilightFree
 
 
 
 
 
 
image + imagemap,
render as canvas
MobilyMapFree
 
 
 
 
 
 
any type of image
CraftMapFree for non commercial use. 49$ for commercial use
 
 
 
 
block
page
scroll
with
bugs
any type of image

 

Похожие плагины

The script that implements a uniform filling of the site blocks with different heights

masonry
Masonry

The plugin uses several images (from 2 or more) with different resolution. API for navigating the map (like Google Maps).

This is an second version of the plugin MobilyMap.

The markers on the map with pop-up windows. Cookie to remember the position of viewing. Navigation, callbaks.

The plugin breakes text from paragraphs into the letters with interesting visual effects.

Для добавления рецензий и комментариев необходимо авторизоваться

Войдите на сайт через:

×
Добавить модуль для CMS
Добавить пример реализации этого плагина
×
Ваш браузер:
В чем суть ошибки: