پیاده سازی موارد مورد نیاز روی مپ leaflet

شرح پروژه

توضیحات پروژه

با سلام خدمت فریلنسر های عزیز، ما نیاز به یک مپ داریم که با html و css و js نوشته بشه که مربوط به شرکت حمل هستش با شرایط زیر:

1 - دارای تعداد نامشخصی مبدا و مقصد با لوگوی اختصاصی می باشد که همه ی انها باید در موقعیت خودشان با لوگوی خودشان قرار گرفته و نمایش داده شوند.

2 - دارای تعداد نامشخصی راننده میباشد که در دیتابیس موقعیت لحظه ای + مسیر طی شده آنها را داریم.( منظور از تعداد نامشخص تعداد متغیر میباشد) که تمامی این اطلاعات در دیتابیس ذخیره شده اند و api به شما داده میشود.

شرایط مورد نیاز :

- میخواییم موقعیت جاری هر راننده با بوگوی خودش روی مپ مشخص باشد و تعداد آنها مشخص نیست و متغیره (مثلا الان 5 نفر بار در حال حمل دارن و چند دقیقه دیگه کم یا زیاد میشن )بعد از نمایش موقعیت ها هر 20 ثانیه موقعیت راننده ها رو از سرور بگیره و آپدیت کنه،همه با هم آپدیت بشن بدون رفرش شدن صفحه.

- وقتی روی لوگوی یک راننده کلیک کردیم چندتا اتفاق بی افته که به شرح زیر میباشد:

آواتار اون راننده bold و سایه دار بشه (منظور از این کار اینه که بفهمیم کدوم راننده در حالت انتخابه نسبت به بقیه).

زوم مپ و موقعیت مپ جوری تغییر کنه که مبدا و مقصد اون راننده توی صفحه قابل دیدن باشه.

مسیری که اون راننده طی کرده با opacity پایین مشخص بشه که بدونیم از کجا رفته.

یک section به صورت مستطیل از پایین سمت چپ بیاد بالا روی مپ که یک سری اطلاعات رو که مشخص میشه نشون بده(قابلیت dismis داشته باشه).

توضیحات آیکن راننده ها و همینطور مبدا و مقصد :

ایکن راننده دارای یک حالت ثابت هستش که قسمت پایین اون اسم راننده بشینه و بالای اون هم اواتار نشون داده بشه ، همینطور پایین ایکن راننده رنگ سبز و قرمز متغیر باشه که اگر آنلاین بود سبز باشه و اگر افلاین بود قرمز باشه.

ایکن سفارشی مد نظر هستش که بهتون میدم طرح ظاهری لوگو رو.

موارد خواسته شده رو با دقت بخونید و در صورتی که توانایی پیاده سازی تک تک موارد رو دارید پیشنهاد بدید، افراد دارای نمونه کار مشابه رو مپ در اولویت خواهند بود.

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

درباره کارفرما

parsaweb

عضویت چهار سال پیش

2 پروژه ثبت شده ،

0 پروژه در حال انجام ،

0 پروژه آماده دریافت پیشنهاد ،

نرخ پذیرش پیشنهاد 50%