Tableau bidimensionnel dans Twig

Question

J'ai des images satellites stockées dans une base de données mysql. La table a des attributs latitude, longitude. Je veux les envoyer à la brindille et l'afficher comme une carte, mon contrôleur php ressemble à ceci.

public function highlightAction() 
{ 
    $highlighted=$this->getDoctrine() 
     ->getRepository('AppBundle:satelliteImage') 
     ->findAll(); 

    $images = array(); 
    foreach ($highlighted as $key => $high) { 
     $images[$key] = base64_encode(stream_get_contents($high->getImage())); 
    } 

    return $this->render('satelliteImages/highlighted.html.twig',array(
     'highlighted' => $highlighted, 
     'images' => $images 

    )); 

} 

Mon code brindille est la suivante:

<tbody> 
    {% for key,high in highlighted %} 
     <tr> 
      <img alt="Embedded Image" src="data:image/png;base64,{{ images[key] }}" /> 

     </tr> 
    {% endfor %} 
    </tbody> 

Je suis afficher les images sous forme de tableau vertical. Toutes les suggestions, je pourrais avoir besoin de les afficher comme une carte. Un réseau bidimensionnel dans une brindille?

Answer 1

Vous pouvez utiliser quelque chose comme ceci:

<table> 
    <tbody> 
    {% for key in 0..2 %} 
     <tr> 
      {% for key in 0..3 %} 
       <td> 
        <img alt="Embedded Image" src="data:image/png;base64, 
         {{ images[loop.parent.key*4 + key] }}" /> 
       </td> 
      {% endfor %} 
     </tr> 
    {% endfor %} 
    </tbody> 
</table> 

Lire la Twig for documentation.