استفاده از نقشه Leaflet بر روی ReactJS

یادگیری نحوه ساخت یک برنامه بیننده نقشه با استفاده از React-Leaflet، یک کتابخانه منبع باز برای ایجاد نقشه های تعاملی

عنوان اصلی : React Leaflet (with hooks)

سرفصل های دوره :

مقدمه:
نصب nodejs
نصب VScode
نصب جزوه و Leaflet react
سفارشی سازی Create-React-App Boilerplate
ایجاد اولین ماژور واکنش نشانگر خود را! :
MAP REACT-BEAPLELER و TILELAYER
توجه داشته باشید در مرورگر لیست
immutability و اتصال
نظریه - جزوه و DOM
لایه های مارکر:
اضافه کردن نشانگر پیش فرض نقشه
نظریه - فرمت Geojson چیست؟
لایه شهرها به عنوان یک جزء کاربردی
انتقال لایه شهرها به یک فایل جداگانه
بالاترین سطح نشانگر بالاترین نقطه با Tooltip
آیکون کوه سفارشی برای بالاترین امتیاز لایه
اضافه کردن رویداد کلیک به مرکز نقشه بر روی بالاترین نقطه
سفارشی کردن پنجره ها و فیلتر کردن شعاع:
اضافه کردن پنجره سفارشی با استفاده از لایه های آنتند به شهرها
ساخت پنجره های سفارشی با اطلاعات شهرها
اضافه کردن آیکون فیلتر و حاشیه بین کارت
حالت فیلتر رادیوس
فیلتر کردن شهرها بر اساس فاصله
منطق برای به روز رسانی فیلتر شعاع
لایه بردار:
دایره برای نشان دادن فیلتر شعاع
حذف فیلتر شعاع با دوبار کلیک
دایره فیلتر شعاع دایره ای
GearNents Layer از Geojson
تنظیم وضعیت ژئو فیلتر با کلیک
فیلتر کردن شهرهای مبتنی بر Geo-Filter
حذف Geo-Filter هنگام کلیک روی Geo-Filter قبلی
برجسته جغرافیایی فعلی
Stilling Layers
کنترل سفارشی 1 - داده های نصب شده:
اضافه کردن کنترل لایه
نظریه - یک لایه چیست؟
اضافه کردن نشانگرها به کنترل لایه به عنوان گروه های لایه
ساخت داده های مناسب برای محدود کردن کنترل سفارشی
دکمه جهانی مناسب
کنترل یکنواخت و دکمه
نصب نقشه به داده های انتخاب شده
به طور عمودی دکمه های مرزی مناسب و پایان دادن به لمس
هنگامی که هیچ نشانگر وجود ندارد!
کنترل سفارشی 2 - نمایش فیلترهای فعال:
ایجاد کنترل فیلترهای فعال
ساختن نمایش فیلترهای فعال UI
اضافه کردن فیلتر های فعال برای کنترل UI
چگونه TOS:
نحوه معرفی بخش
اضافه کردن چند لایه پایه
لایه های رندر از منابع ناهمزمان
React Leaflet Clustering
reprojecting مختصات به CRS استفاده شده توسط نقشه بروز واکنش نشان می دهد