Kann ich getElementById() in einem Maps-Infofenster in JavaScript verwenden?

Question

Ich habe einen mehr auf einer Google Maps Karte platziert Marker und jeder Marker hat ein Infofenster mit folgendem Inhalt:

  // Set the content of the infowindow of the marker. 
      var infoContent = 
       '<div id="iw-container" class="gm-style-iw">'+ 
       '<div class="iw-title">'+ 
        '<p>{{place.name}}</p>'+ 
       '</div>'+ 
       // For each photo associated with this place, add it. 
       '<div class="container-fluid">'+ 
        {% for photo in place.photo_set.all %} 
        '<div class="row">'+ 
         '<div class="col-md-4">'+ 
         '<hr>'+ 
         '<div class="">'+ 
         // Check whether the attributes have a value and display them. 
          {% if photo.info != "" and photo.info != None %} 
          '<p class="iw-info">{{ photo.info }}</p>'+ 
          {% endif %} 
          {% if photo.year != "" and photo.year != None %} 
          '<p class="iw-year">{{ photo.year }}</p>'+ 
          {% endif %} 
          {% if photo.source != "" and photo.source != None %} 
          '<p class="iw-source">Bron: {{ photo.source }}</p>'+ 
          {% endif %} 
         '</div>'+ 
         // Display the image with a link to the modal view. 
         '<div class="iw-image">'+ 
          '<img id="{{ photo.id }}" class="iw-image" src="../static/images/{{ photo.image }}">'+ 
         '</div>'+ 
         '</div>'+ 
        '</div>'+ 
        {% endfor %} 
       '</div>'+ 
       '</div>'; 

Ich möchte in jedem Infofenster eine modale Ansicht für jedes Bild hinzufügen, aber ich kann das nicht tun dies:

var img = document.getElementById("{{ photo.id }}"); 

Dies ist, weil jedes Mal, wenn die Variable img Null ist.

Kann man mit getElementById() auf infowindow-Inhalte zugreifen?

Answer 1

Wo rufst du an? document.getElementById("{{ photo.id }}")?

Ich konnte etwas Ähnliches tun, indem ich ein div mit einer ID im InfoWidow zurückgab und document.getElementById() in onMarkerClick anrief.