Èíòåðàêòèâíàÿ êàðòà (jQuery) êàê íà Àâèòî

Çàäàíèå çàêðûòî
Ñòîèìîñòü:Äîãîâîðíàÿ
Ñðîê âûïîëíåíèÿ:10 äíåé
Âàðèàíòû îïëàòû:Áåç ïðåäîïëàòû
Äàòà ïóáëèêàöèè:2014-04-15 15:00
Îáíîâëåíî:2014-04-22 09:16
Áûë íà ñàéòå:2023-04-18 08:30

Èíòåðàêòèâíàÿ êàðòà (jQuery) êàê íà Àâèòî

 
Çàäà÷à

Äîáðûé äåíü!
Íóæíà èíòåðàêòèâíàÿ êàðòà Ìîñêîâñêîé îáëàñòè äëÿ äîñêè îáúÿâëåíèé, êàê íà àâèòî.

SVG: http://upload.wikimedia.org/wikipedia/commons/8/82/Russia_Moscow_oblast_locator_map.svg?uselang=ru
Ïîëíûé ñïèñîê ðàéîíîâ è ãîðîäîâ îáëàñòíîãî ïîä÷èíåíèÿ: http://guazzo.ru/test-iframe/index2.html

Avito: http://www.avito.ru/

Èíòåðôåéñ:
Ïðè íàâåäåíèè íà ðàéîí\ãîðîä îáëàñòíîãî ïîä÷èíåíèÿ íà êàðòå, îí è åãî ññûëêà âûäåëÿþòñÿ öâåòîì. Ñîîòâåòñòâåííî, ïðè íàâåäåíèè íà ññûëêó ðàéîíà\ãîðîäà âûäåëÿåòñÿ îíà è ñàì ðàéîí íà êàðòå.
Ôóíêöèîíèðîâàíèå:
Èñïîëüçîâàòü map è area + JavaScript. Áåç âåêòîðíîé ãðàôèêè è ôëåøà.
Íà àâèòî ñåé÷àñ ñäåëàíî òàê:
Èìååì îñíîâíîé ôîí è ïðè íàâåäåíèè íà íóæíûé ðåãèîí, ïîâåðõ íàêëàäûâàåòñÿ ôîí ñ íóæíûì ðåãèîíîì. (Ïðèìåð: Ôîí: http://www.avito.ru/s/a/i/sprites/sprite-main.png?d940ebb Ïðè íàâåäåíèè íàêëàäûâàåì: http://www.avito.ru/s/a/i/ir/region_648340.png.)

Ñå÷àñ íà SVG âñå ðàéîíû öâåòíûå, íåîáõîäèìî ñäåëàòü èõ îäíîöâåòíûìè. È ïðè ñîçäàíèè êîëëåêöèè ôîíîâ ñîõðàíÿòü è png è âåêòîð (÷òîáû ÿ ìîã ...

Âèäåòü ïîëíóþ èíôîðìàöèþ è îñòàâëÿòü çàÿâêè ìîãóò òîëüêî àâòîðèçîâàííûå ïîëüçîâàòåëè.
Çàÿâîê íåò

Îñòàâëÿòü çàÿâêè ìîãóò òîëüêî àâòîðèçîâàííûå ïîëüçîâàòåëè.