مجتبی پورخانلر
درباره منپروژه هاوبلاگ

  • 👤درباره من
  • 🧰پروژه ها
  • ✍️وبلاگ

Openlayers

نقشه‌های تعاملی

این پروژه به‌صورت شخصی و بر اساس علاقه به نقشه و سیستم‌های GIS طراحی و توسعه داده شده است. صفحه‌ی نقشه دارای مجموعه‌ای از قابلیت‌های حرفه‌ای برای تعامل با داده‌های مکانی است.

قابلیت‌ها:

  • ابزارهای ترسیم شامل: Point، Line، Polygon، Arc، Circle (با مرکز و شعاع)، Circle (3 Point)، Rectangle
  • ویرایش و حذف عارضه‌ها پس از ترسیم
  • فیلتر و جستجوی عارضه‌ها بر اساس ویژگی‌ها و نمایش جزئیات با کلیک روی هر عارضه
  • کنترل‌های نقشه شامل زوم، چرخش، فول‌اسکرین و بازگشت به باندینگ‌باکس اولیه
  • اندازه‌گیری فاصله و مساحت روی نقشه
  • بخش پیشرفته‌ی Code Mirror برای مشاهده و ویرایش مستقیم داده‌های عارضه‌ها به‌صورت JSON
  • قابلیت کپی و دانلود داده‌ها جهت استفاده یا اشتراک‌گذاری
این پروژه با تمرکز بر طراحی ماژولار، رابط کاربری تعاملی و درک عمیق از ساختار داده‌های مکانی توسعه یافته است.

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

React.jsTypeScriptstyled-componentsRedux-ToolkitOpenLayers

برای دیدن کلیک کنید.

Openlayers - 0
مشاهده عکس
Openlayers - 1
مشاهده عکس
Openlayers - 2
مشاهده عکس