استراد البيانات من قاعدة البيانات postgresql وعرضها على خرائط Google maps - جانغو

يرجى إرفاق أي رسائل خطأ تظهر ضمن الطرفية console، وذكر لغة البرمجة وإطار العمل الذان يتم العمل بهما لتوضيح المشكلة

مرحبا زينة،

لربط البيانات من النموذج Map مع القالب يجب توفر دالة عرض view ورابط url.

في الشفرة التي قمت بإرفاقها انت تقومين باستيراد النموذج Map مباشرة داخل القالب وهذا خطأ. يجب أولا عمل دالة عرض view تقوم باستخراج البيانات من قاعدة البيانات وارسالها إلى القالب.

مثال بسيط:

دالة العرض view:

def get_maps(request):
    maps = Map.objects.all()
    return render(request, "maps.html", {maps: maps})

الرابط url:

from views import get_maps # نقوم باستيراد الدالة get_maps

urlpatterns = [
    path('maps', get_maps, name='google_maps'),
]

شفرة القالب تصبح على الشكل التالي:

<script>
  var request = {
  lat:{{maps.0.latitude}},
      lng:{{maps.0.longitude}}
  };
console.log(request)
  service = new google.maps.places.PlacesService(map);
  service.findPlaceFromQuery(request, (results, status) => {
    if (status === google.maps.places.PlacesServiceStatus.OK && results) {
      for (let i = 0; i < results.length; i++) {
        createMarker(results[i]);
      }

      map.setCenter(results[0].geometry.location);
    }
  });
}



window.initMap = initMap;
</script>

تحياتي،

بتاريخ 1 ساعة قال Hassan Hedr:

يرجى إرفاق أي رسائل خطأ تظهر ضمن الطرفية console، وذكر لغة البرمجة وإطار العمل الذان يتم العمل بهما لتوضيح 

اطار عمل جانغو

بتاريخ 1 ساعة قال Hassan Hedr:

 

بتاريخ الآن قال Zeina Makdisi:

شكرا لك 

لكن ماذكرته قمت مسبقا بكتابته والتأكد منه 

عند التنفيذ يظهر كالتالي

مرحبا مجددا،

قيمة Map التي يستقبلها القالب هي None أي فارغة.

حتى نتمكن من مساعدتك أكثر يرجى إرفاق المشروع على شكل ملف مضغوط حتى نقوم بالإطلاع عليه ومعرفة سبب المشكلة.

تحياتي،