اضافة خاصية تحديد احداثيات قطعة ارض من openstreetsmaps مع صورة المشروع فوقها php JavaScript
تفاصيل المشروع
عند قيام المستخدم ببيع قطعة أرض (من خلال نموذج البيع الموجود حالياً)، يجب إضافة حقل جديد لتحديد موقع القطعة على الخريطة، بحيث يتم:
عرض خريطة OpenStreetMap داخل نموذج البيع+خريطة المشروع التي تحتوي القطع فوقها
تمكين المستخدم من النقر على الخريطة لتحديد موقع القطعة
تخزين الإحداثيات (خط الطول والعرض) في قاعدة البيانات مع بيانات البيع
لإضافة هذه الميزة بشكل احترافي ودقيق، إليك تفصيل للمهام التقنية والخطوات التي يجب على المستقل تنفيذها، مما يضمن وضوح العمل المطلوب وتفادي أي لبس:
1. تجهيز بيئة الخريطة (OpenStreetMap)
المهمة ليست مجرد عرض خريطة عادية، بل دمج "خريطة المشروع" (Project Master Plan) فوق خريطة OpenStreetMap.
ربط المكتبات: استخدام مكتبة مثل Leaflet.js كونها الأخف والأكثر توافقاً مع OpenStreetMap.
تركيب المخطط (Overlay): تحويل ملف الـ PDF أو الصورة الخاصة بمخطط المشروع إلى طبقة (Layer) يتم إسقاطها فوق الإحداثيات الجغرافية الصحيحة على الخريطة، بحيث تظهر قطع الأراضي في مكانها الحقيقي.
2. تطوير واجهة المستخدم (Frontend) داخل نموذج البيع
إضافة الحقل الجديد: إدراج حاوية (Div) للخريطة داخل نموذج البيع الحالي.
أداة التحديد (Marker): تفعيل خاصية النقر (Click Event) بحيث يظهر "دبوس" أو علامة عند نقر المستخدم على قطعة الأرض المعنية.
التحديث التلقائي: عند تحريك العلامة أو النقر، يتم تحديث حقول مخفية (Hidden Inputs) بقيم خط الطول (Latitude) وخط العرض (Longitude) فوراً.
صاحب المشروع
Ali W.
| تاريخ التسجيل | |
| معدل التوظيف | |
| المشاريع المفتوحة | 0 |
| مشاريع قيد التنفيذ | 0 |
| التواصلات الجارية | 2 |
العروض المقدمة
Ibrahim K.
السلام وعليكم أستاذ علي، قرأت تفاصيل طلبك بدقة، وبصفتي مطور ويب (Full-Stack) بتقييم 5 نجوم ولدي أكثر من 10 مشاريع مكتملة على المنصة، يسعدني تنفيذ هذه الإضافة با...
Mahmoud A.
السلام عليكم اطلعت على تفاصيل المشروع، وفهمت أن المطلوب هو إضافة نظام تحديد موقع قطعة الأرض داخل نموذج البيع باستخدام خريطة تفاعلية، مع إسقاط مخطط المشروع فوق ا...
وداد أ.
مرحبا ? اطلعت على تفاصيل المشروع، ويمكنني تنفيذ هذه الميزة بشكل احترافي وسلس داخل النظام الحالي بدون التأثير على باقي الوظائف. ? ما سأقوم به: دمج خريطة OpenStre...
محمد ا.
أنا قريت تفاصيل المشروع كويس وفاهم إن المطلوب مش بس خريطة عادية، لكن كمان إضافة مخطط المشروع فوق خريطة OpenStreetMap بشكل دقيق، مع إمكانية تحديد مكان قطعة الأرض...
أحمد ش.
مرحبا، اود الإشارة إلى أنني عملت على نموذج شبيه قبل ذلك ولدي الخبره المطلوبه يمكنني تنفيذ إضافة خريطة داخل نموذج بيع قطعة الأرض الحالي بحيث يتم تحديد موقع القطع...
Naglaa M.
السلام عليكم مهندس علي انا اطلعت علي تفاصيل مشروعك و انا عملت مسبقا مع leaflet ,openstreetmap ,mapbox وبحكم عملي يمككني تقديم فكرة اوضح لك وهي تحويل مخطط المشرو...
مصطفى ا.
أهلا بك استاذ علي.. أعتقد أن مشروعك يتجاوز مجرد عرض أراض هو بناء تجربة ثقة للعميل. سأعمل على دمج مخطط المشروع فوق الخريطة التفاعلية بدقة، لننقل العميل من التخيل...
Kerollos M.
أهلا وسهلا، فهمت المطلوب بالكامل. أستطيع تنفيذ إضافة الخريطة داخل نموذج البيع الحالي باستخدام OpenStreetMap وLeaflet، مع دمج مخطط المشروع، وتمكين المستخدم من تح...
Yaghmourassen M.
اطلعت على تفاصيل مشروعكم، ويمكنني تنفيذ ميزة تحديد موقع قطعة الأرض داخل نموذج البيع بشكل احترافي ودقيق، مع ضمان تجربة استخدام سهلة وربط كامل مع قاعدة البيانات. ...