اسکریپت برنامه 🗺️ نقشه تعاملی برنامه نویسی شده با جاوا اسکریپت HTML و API سایت openstreetmap

دانلود اسکریپت برنامه 🗺️ نقشه تعاملی برنامه نویسی شده با جاوا اسکریپت HTML و API سایت openstreetmap

برنامه نقشه تعاملی یک ابزار کامل و حرفه‌ای برای کار با نقشه‌های آنلاین است که با تکنولوژی‌های مدرن وب توسعه یافته است. این برنامه با رابط کاربری زیبا و راست‌چین کاملاً مناسب کاربران فارسی‌زبان طراحی شده و امکان جستجوی پیشرفته مکان‌ها در سراسر جهان را فراهم می‌کند. شما می‌توانید به سادگی نام هر مکانی را جستجو کرده و اطلاعات کامل آن از جمله مختصات جغرافیایی، نوع مکان و جزئیات دیگر را مشاهده کنید. همچنین تاریخچه جستجو به صورت خودکار ذخیره می‌شود تا دسترسی به مکان‌های پرکاربرد سریع‌تر شود.

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

برای استفاده از این برنامه کافیست فایل را دانلود و در هاست خود آپلود کنید یا مستقیماً با مرورگر باز کنید. برنامه کاملاً واکنش‌گرا است و روی تمام دستگاه‌ها از جمله موبایل و تبلت به خوبی کار می‌کند. همچنین از سه سبک مختلف نقشه شامل استاندارد، ماهواره‌ای و تاریک پشتیبانی می‌کند. این ابزار برای مقاصد آموزشی، برنامه‌ریزی سفر، تحلیل‌های جغرافیایی و استفاده‌های شخصی و تجاری کاملاً مناسب است.

🗺️ معرفی برنامه نقشه تعاملی پیشرفته

یک برنامه وب کامل و حرفه‌ای برای کار با نقشه‌های تعاملی که امکانات متنوعی را در اختیار کاربران قرار می‌دهد. این برنامه با استفاده از تکنولوژی‌های مدرن وب توسعه یافته و کاملاً واکنش‌گرا است.

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

🔍 جستجوی پیشرفته

• جستجوی هوشمند مکان‌ها در سراسر جهان

• تاریخچه جستجو برای دسترسی سریع

• نمایش اطلاعات کامل مکان‌های یافت شده

🛠️ ابزارهای حرفه‌ای

1. ابزار اندازه‌گیری

   • اندازه‌گیری فاصله بین نقاط مختلف

   • محاسبه مساحت مناطق

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

2. ابزار رسم

   • رسم اشکال مختلف (خط، چندضلعی، مستطیل، دایره)

   • امکان ویرایش و حذف اشکال

   • محاسبه خودکار مساحت و محیط

3. سیستم مسیریابی

   • محاسبه مسیر بین دو نقطه

   • نمایش مسافت و اطلاعات مسیر

   • رابط کاربری ساده برای وارد کردن نقاط

4. نشان‌گذاری

   • اضافه کردن نشانگرهای شخصی‌سازی شده

   • ذخیره مکان‌های مهم

   • مدیریت نشانگرها

🎨 ویژگی‌های رابط کاربری

• طراحی مدرن و زیبا

• پشتیبانی از زبان فارسی (راست‌چین)

• واکنش‌گرا برای تمام دستگاه‌ها

• سه سبک مختلف نقشه:

  • 🗺️ نقشه استاندارد

  • 🛰️ نمای ماهواره‌ای

  • 🌙 نمای تاریک

💾 قابلیت‌های ذخیره‌سازی

• ذخیره خودکار تاریخچه جستجو

• مدیریت مکان‌های ذخیره شده

• استفاده از localStorage مرورگر

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

نصب و راه‌اندازی

1. فایل را دانلود کنید

2. آن را در هاست خود آپلود کنید

3. مستقیماً از طریق مرورگر اجرا کنید

شروع کار

1. جستجوی مکان: نام مکان مورد نظر را در نوار جستجو وارد کنید

2. تغییر سبک نقشه: از کنترل لایه‌ها استفاده کنید

3. استفاده از ابزارها: از پنل ابزارها در سمت چپ استفاده کنید

راهنمای ابزارها

📏 اندازه‌گیری

1. ابزار اندازه‌گیری را فعال کنید

2. روی نقشه کلیک کنید تا نقاط را مشخص کنید

3. برای بستن شکل، نزدیک نقطه اول کلیک کنید

4. نتایج به صورت خودکار محاسبه می‌شوند

✏️ رسم

1. ابزار رسم را فعال کنید

2. از نوار ابزار بالا، نوع شکل مورد نظر را انتخاب کنید

3. شکل مورد نظر را روی نقشه رسم کنید

4. برای ویرایش، روی شکل کلیک کنید

🚗 مسیریابی

1. ابزار مسیریابی را فعال کنید

2. نقطه شروع و پایان را وارد کنید

3. روی دکمه "محاسبه مسیر" کلیک کنید

4. مسیر و مسافت نمایش داده می‌شود

🛡️ ویژگی‌های فنی

تکنولوژی‌های استفاده شده

• HTML5 & CSS3 - ساختار و استایل

• JavaScript ES6+ - منطق برنامه

• Leaflet.js - موتور نقشه

• Font Awesome - آیکون‌ها

• OpenStreetMap - داده‌های نقشه

سازگاری مرورگرها

• ✅ Chrome (نسخه 60+)

• ✅ Firefox (نسخه 55+)

• ✅ Safari (نسخه 12+)

• ✅ Edge (نسخه 79+)

بهینه‌سازی‌ها

• بارگذاری سریع

• استفاده بهینه از حافظه

• رابط کاربری روان

• پشتیبانی از حالت تمام صفحه

📱 قابلیت‌های موبایل

• طراحی کاملاً واکنش‌گرا

• کنترل‌های لمسی بهینه

• نمایش مناسب در صفحه‌های کوچک

• عملکرد سریع روی دستگاه‌های موبایل

🔧 امکانات پیشرفته

کنترل‌های نقشه

• موقعیت‌یابی خودکار

• حالت تمام صفحه

• قابلیت چاپ نقشه

• نمایش مختصات زنده

مدیریت داده‌ها

• ذخیره خودکار تنظیمات

• مدیریت حافظه مرورگر

• بازیابی اطلاعات پس از بستن مرورگر

💡 کاربردها

آموزشی

• آموزش جغرافیا

• نمایش موقعیت‌های جغرافیایی

• تمرین نقشه‌خوانی

شخصی

• برنامه‌ریزی سفر

• علامت‌گذاری مکان‌های مورد علاقه

• محاسبه مسافت‌ها

حرفه‌ای

• تحلیل موقعیت‌های مکانی

• برنامه‌ریزی شهری

• مطالعات میدانی

📥 دانلود و نصب

روش اول: استفاده مستقیم

1. فایل advanced-map.html را دانلود کنید

2. آن را با مرورگر باز کنید

3. بلافاصله استفاده کنید

روش دوم: آپلود در هاست

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

2. از طریق آدرس اینترنتی به آن دسترسی پیدا کنید

3. با دیگران به اشتراک بگذارید

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