احاول ان اجعل لكل اختصاص علامة مميزة (للصيدلة علامة تختلف عن المشفى وهكذا...)

بتاريخ 2 دقائق مضت قال Zeina Almakdisi:

مرحبا

لدي خريطة من google maps api وقاعدة بيانات أاخذ منها المواقع واضعهم على الخريطة 

المشكلة انني احاول ان اجعل لكل اختصاص علامة مميزة (للصيدلة علامة تختلف عن المشفى وهكذا...) 

عند التنفيذ يظهر صورة واحدة للكل 

مقطع الشفيرة الخاص بإدراج الصورة:

 

  function addMarker(coords){
    var icons;
    {% for location_center in Marker %}
    
    if({{location_center.Specialization}}='Pharmacy' ){
     icons= "{% static 'medical/assets/img/phar-bg.jpg' %}";
    }
   else if ({{location_center.Specialization}}= 'Hospital'){
    icons= "{% static 'medical/assets/img/hos.jpg' %}";
  }
  else if ({{location_center.Specialization}}= 'Clinic'){
    icons= "{% static 'medical/assets/img/logoph.jpg' %}";
  }
  else if ({{location_center.Specialization}}= 'Health_Clinic'){
    icons= "{% static 'medical/assets/img/healt.png' %}"
  }

  {% endfor %}
    var marker=new google.maps.Marker({
      position:coords,
      type: "info",
      map:map,
      icon:icons,
 
    }); 

مايظهر في ل console:

 

مرحبا زينة،

حاولي وضع القيمة {{location_center.Specialization}} بين " " واستعمال == بدل = على الشكل التالي:

if ("{{location_center.Specialization}}" == "Hospital") 

وأخبرينا بالنتيجة.

بتاريخ 10 دقائق مضت قال مسعود زاهي:

مرحبا زينة،

حاولي وضع القيمة {{location_center.Specialization}} بين " " واستعمال == بدل = على الشكل التالي:

if ("{{location_center.Specialization}}" == "Hospital") 

وأخبرينا بالنتيجة.

مازالت تظهر الصورة الاولى للجميع 

هذه:

if({{location_center.Specialization}}='Pharmacy' ){
     icons= "{% static 'medical/assets/img/phar-bg.jpg' %}";
    }

بتاريخ 6 دقائق مضت قال Zeina Almakdisi:

مازالت تظهر الصورة الاولى للجميع 

هذه:

if({{location_center.Specialization}}='Pharmacy' ){
     icons= "{% static 'medical/assets/img/phar-bg.jpg' %}";
    }

في هذه الحالة عليك مراجعة الشيفرة بشكل كامل. مافائدة المتغير Marker هل هو عبارة عن قائمة (list) ؟ أو عبارة عن قيمة وحيدة. ومتى يتم استدعاء الدالة addMarker في القالب.

بتاريخ 1 دقيقة مضت قال مسعود زاهي:

في هذه الحالة عليك مراجعة الشيفرة بشكل كامل. مافائدة المتغير Marker هل هو عبارة عن قائمة (list) ؟ أو عبارة عن قيمة وحيدة.

function initMap() {
  map = new google.maps.Map(document.getElementById("map"), {
    zoom: 8,
    center: { lat: 32.397, lng: 36.644 },
    mapTypeControl: false,
  });

  

    {% for location_center in Marker %}
    addMarker({lat: {{location_center.lat}},lng:{{location_center.lng}}});
    {% endfor %}
\\\\\\أقوم بجلب المواقع من القاعدة 


 
  function addMarker(coords){
    var icons;
    {% for location_center in Marker %}
    
    if("{{location_center.Specialization}}"=='Pharmacy' ){
     icons= "{% static 'medical/assets/img/hero-bg.jpg' %}";
    }
   else if ("{{location_center.Specialization}}"== 'Hospital'){
    icons= "{% static 'medical/assets/img/about.jpg' %}";
  }
  else if ("{{location_center.Specialization}}"== 'Clinic'){
    icons="{% static 'medical/assets/img/about.jpg' %}";
  }
  else if ("{{location_center.Specialization}}"== 'Health_Clinic'){
    icons= "{% static 'medical/assets/img/logoph.png' %}"
  }

  
    var marker=new google.maps.Marker({
      position:coords,
      type: "info",///////Specialization
      map:map,
   
    }); 

بتاريخ 7 دقائق مضت قال Zeina Almakdisi:

function initMap() {
  map = new google.maps.Map(document.getElementById("map"), {
    zoom: 8,
    center: { lat: 32.397, lng: 36.644 },
    mapTypeControl: false,
  });

  

    {% for location_center in Marker %}
    addMarker({lat: {{location_center.lat}},lng:{{location_center.lng}}});
    {% endfor %}
\\\\\\أقوم بجلب المواقع من القاعدة 


 
  function addMarker(coords){
    var icons;
    {% for location_center in Marker %}
    
    if("{{location_center.Specialization}}"=='Pharmacy' ){
     icons= "{% static 'medical/assets/img/hero-bg.jpg' %}";
    }
   else if ("{{location_center.Specialization}}"== 'Hospital'){
    icons= "{% static 'medical/assets/img/about.jpg' %}";
  }
  else if ("{{location_center.Specialization}}"== 'Clinic'){
    icons="{% static 'medical/assets/img/about.jpg' %}";
  }
  else if ("{{location_center.Specialization}}"== 'Health_Clinic'){
    icons= "{% static 'medical/assets/img/logoph.png' %}"
  }

  
    var marker=new google.maps.Marker({
      position:coords,
      type: "info",///////Specialization
      map:map,
   
    }); 

 

عليك بتغيير الدالة addMarker على الشكل التالي:

/* نقوم بتمرير متغير جديد إلى الدالة  */
function addMarker(coords, specialization){
    var icons;

    if( specialization =='Pharmacy' ){
     icons= "{% static 'medical/assets/img/hero-bg.jpg' %}";
    }
     else if ( specialization == 'Hospital'){
      icons= "{% static 'medical/assets/img/about.jpg' %}";
    }
    else if (specialization == 'Clinic'){
      icons="{% static 'medical/assets/img/about.jpg' %}";
    }
    else if (specialization == 'Health_Clinic'){
      icons= "{% static 'medical/assets/img/logoph.png' %}"
    }

  
    var marker=new google.maps.Marker({
      position:coords,
      type: "info",///////Specialization
      map:map,
      icon: icons
    }); 
 }

واستدعاءها على الشكل:

{% for location_center in Marker %}
	addMarker({lat: {{location_center.lat}},lng:{{location_center.lng}}} , "{{location_center.Specialization}}");
{% endfor %}

بالتوفيق.