اسکریپت نقشه تعاملی ایران با HTML، CSS ،JavaScript و svg

دانلود اسکریپت نقشه تعاملی ایران با HTML، CSS ،JavaScript و svg

این فایل یک نقشه تعاملی ایران است که با استفاده از HTML، CSS و JavaScript پیاده‌سازی شده است. این نقشه به کاربران امکان می‌دهد روی استان‌های مختلف ایران کلیک کرده و اطلاعات مربوط به هر استان را مشاهده کنند.

نمونه تصاویر در زمان اجرا

ویژگی‌های اصلی:

1. طراحی واکنش‌گرا (Responsive): نقشه در تمام دستگاه‌ها از موبایل تا دسکتاپ به درستی نمایش داده می‌شود.

2. رابط کاربری فارسی: کل رابط کاربری به زبان فارسی طراحی شده و از راست‌چین (RTL) پشتیبانی می‌کند.

3. تعامل پویا:

   • امکان کلیک روی هر استان برای مشاهده اطلاعات

   • هایلایت شدن استان انتخاب شده

   • نمایش اطلاعات در یک مودال زیبا

4. اطلاعات کامل استان‌ها:

   • نام استان و مرکز

   • جمعیت و مساحت

   • تراکم جمعیت

   • لیست شهرستان‌ها

   • توضیحات و جاذبه‌های گردشگری

   • آب و هوا

نحوه استفاده:

1. فایل را در سرور خود آپلود کنید

2. کاربران می‌توانند:

   • روی هر استان کلیک کنند

   • از لیست کناری استان مورد نظر را انتخاب کنند

   • اطلاعات کامل استان را در پنجره مودال مشاهده کنند

ساختار فایل:

• HTML: ساختار اصلی صفحه و المان‌های نقشه

• CSS: استایل‌های ظاهری و طراحی واکنش‌گرا

• JavaScript: منطق تعاملی و داده‌های استان‌ها

این نقشه برای سایت‌های آموزشی، اطلاع‌رسانی و گردشگری بسیار مناسب است و می‌تواند به عنوان یک ابزار تعاملی جذاب برای معرفی ایران و استان‌های آن مورد استفاده قرار گیرد.

برای شما کاربران عزیز پیشنهاد دانلود داده می شود.