طراحی مپ با ری اکت

با سلام ما یک پروژه ری اکت داریم که شرح پروژه به این شکل هستش که وقتی یوزر وارد صفحه اول میشه مپ برای شهر قزوین با open street نمایش داده میشه. داخل این نقشه ما یک ساختمان مشخص داریم (دقت کنید که فقط یک ساختمان مشخص شده) که مختصات اون از دیتابیس میاد یعنی ما مختصات ساختمان و همچنین مقدار طول و عرض محدوده ساختمان رو داریم و این اطلاعات (مختصات دقیق ساختمان در نقشه – طول و عرض محدوده ساختمان) در دیتابیس ما موجود هست. ما میخوایم محدوده این ساختمان با رنگ مشخص بشه (در ابتدا با رنگ زرد) وقتی کاربر روی محدوده رنگی ساختمان کلیک کرد بدون رفرش شدن صفحه اطلاعات اون ملک از دیتابیس خونده بشه و دریک مودال نشون داده بشه (اطلاعات ساختمان و دیتابیس بهتون داده میشه) . در این اطلاعات ساختمانی یک بخش به نام رنگ ناحیه وجود داره که ما میخوایم کاربر خودش مشخص کنه که رنگ این محدوده ساختمانیش چه رنگی باشه و وقتی رنگ رو تغییر داد و ثبت کرد رنگ اون محدوده ساختمانی بدون رفرش شدن صفحه هم در داخل مپ و هم در دیتابیس ثبت بشه و رنگش در نقشه در لحظه تغییر کنه. لطفا به این نکته توجه کنید که بهترین کتابخونه ای که با ری اکت سازگاری داره و مخصوص ان کار هست react leaflet هست که ما میخوایم با همین کتابخونه این کار انجام بشه.