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

  بتاريخ On 12‏/2‏/2023 at 08:48 قال 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") 

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

  بتاريخ On 12‏/2‏/2023 at 08:53 قال مسعود زاهي:

مرحبا زينة،

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

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

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

أظهر المزيد  

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

هذه:

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

  بتاريخ On 12‏/2‏/2023 at 09:05 قال Zeina Almakdisi:

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

هذه:

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

أظهر المزيد  

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

  بتاريخ On 12‏/2‏/2023 at 09:08 قال مسعود زاهي:

في هذه الحالة عليك مراجعة الشيفرة بشكل كامل. مافائدة المتغير 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,
   
    }); 

  بتاريخ On 12‏/2‏/2023 at 09:12 قال 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 %}

بالتوفيق.