نمایش نقشه ایران و لینک شدن هر استان

[.fatemeh]

با سلام.
به چه شکل می شه نقشه ایران رو نمایش داد و روی هر استان که می ری اون استان تغییر رنگ پیدا کنه و لینک بشه؟
با map و area اومدم هر استان رو لینک کنم خیلی منظم در نیومد(یعنی اصلا منظم نبود)
توی گوگل هم که جستجو کردم راه حلی پیدا نشد.
کسی می تونه راهنمایی کنه چه طوری باید درستش کنم؟؟
نمی خوام از فلش هم استفاده کنم.
ممنون

[MMSHFE]

راه حل استانداردش همون Image Map هست. باید اعداد رو دقیق بدین تا درست کار کنه. ضمناً نوع شکل رو هم باید Poly (همون Polygon) انتخاب کنید.

[.fatemeh]

به این سایت رو ببینیدhttp://www.vivastreet.com /
توی کدهاش یه نگاهی انداختم .حق با شماست با Image Map کار کرده ولی این onfocus رو برای چی گذاشته؟؟

<area hrep="www.google.com" onfocus="navigator.appName == 'Microsoft Internet Explorer' ? blur() : null" onclick="blur()" onmouseout="KIWII.mapRollOut('nord-pas-de-calais'); return false;" onmouseover="KIWII.mapRollOver('nord-pas-de-calais'); return false;" alt="Nord-Pas-de-Calais" title="Nord-Pas-de-Calais" href="http://www.vivastreet.com/nord-pas-de-calais" coords="349,1,312,16,309,45,314,48,331,59,345,58,341,64,35 8,70,391,75,411,78,414,72,415,61,407,54,372,26,350 ,1" shape="poly">

[.fatemeh]

برای حالت hover درست کار نمی کنه.تغییر رنگ ندارم.
توی کدسایت نمونه از جاوا استفاده کرده ولی نتونستم ازش استفاده کنم.
کسی می تونه راهنمایی کنه؟؟

[MMSHFE]

این لینک (http://stackoverflow.com/questions/4729734/enabling-highlight-on-click-for-jquery-map-highlighting) رو ببینید. همینطور این لینک (http://jsfiddle.net/keith/PVpgK/) رو. اگه خوب دقت کنید، میبینید که در اصل از یک ترفند برای اینکار استفاده شده و اون اینکه تصویر منطقه موردنظر رو با رنگ متفاوت در زمانی که ماوس روی اون قسمت قرار میگیره، با کمک JS یا jQuery نشون میدن. علت این مسئله هم خیلی واضحه: اصلاً Image Map سلکتور CSS نداره که بخواین بهش Style بدین. درحقیقت فقط یک Hot Spot برای شما تعریف میکنه. هدف Image Map هم چیزی جز این نیست. البته فکر میکنم با Canvas توی HTML5 بشه یه کارهایی کرد ولی Image Map رو بعید میدونم. ازطرفی HTML5 هم توی همه مرورگرها پشتیبانی نمیشه.