Верстка карты(Map, Area.)

[Yamaradg]

Здравствуйте.

На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано.

По ходу дела меня заинтересовали следующее нюансы:

1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации.

(Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!)

(Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.)

2) какие механизмы упрощения построения(карт) существуют на сегодняшний день?

(Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!) тонны новых координат?)

3) Насколько я понял - тегу <area> для для отрисовки более ли менее сложной фигуры, необходимо задавать именно св-во 'shape="poly"'?

P.S. Буду благодарен за любые ценные советы.

Также был бы рад услышать мнения людей(с опытом в подобных вопросах) относительно того, как это дело организовывать наиболее рациональным путём?

(то есть с наименьшими временными затратами и максимальным качеством на выходе, если это конечно возможно.)

Edited May 31, 2013 by Yamaradg

[nerv]

(Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!) тонны новых координат?)

как правило, программно делается, а не вручную

3) Насколько я понял - тегу для для отрисовки более ли менее сложной фигуры, необходимо задавать именно св-во 'shape="poly"'?

обозначает полигон http://htmlbook.ru/html/area/shape

1) Пытаюсь найти

Насколько помню, здесь Чак Муссиано, Билл Кеннеди - HTML и XHTML. Подробное руководство. 6-е издание было написано (стр. 239)

Edited May 31, 2013 by nerv

[hypnocolor]

Как-то раз у меня появилась задача. В наличии — карта области, разделённая на регионы. Требовалось, чтобы при наведении курсора на каждый регион выполнялась цветовая подсветка этого самого региона. В общем, как на президентском сайте, за тем исключением, что с флешем я не работаю.

Карта представляла собой целую картинку. Соответственно, я тоже устремился в сторону map.

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

Подсветку самих областей я делал с помощью плагина Mapper.js.

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