title: TCPDF doesn't show a static Google Map
body: <p>When I generate a PDF content is displayed but not the image. Why?</p>
  
  <p>I think the PDF is generated before the image is loaded. Is there any way to slow down the operation?</p>
  
  <pre><code>&lt;?php
    // Include the main TCPDF library (search for installation path).
    include('tcpdf/tcpdf.php');
    // Variables globals
    $ID = "";
    // create new PDF document
    $pdf = new TCPDF('P', PDF_UNIT, 'A4', true, 'UTF-8', false);
    // set document information
    $pdf-&gt;SetCreator (PDF_CREATOR);
    $pdf-&gt;SetAuthor ('Disseny de bases de dades');
    $pdf-&gt;SetTitle ('Llistat dagencies de la ciutat de ');
    $pdf-&gt;SetSubject ('Exemple de creació de pdf amb intercacció amb una base de dades');
    $pdf-&gt;SetKeywords('TCPDF, PDF, example, test, guide');
    // add a page
    $pdf-&gt;AddPage();
    // Amb la funció empty verifiquem si l'usuari arriva a la pàgina després d'introduir les dades al formulari o bé si acaba de
    // carregar la pàgina i encara no ha omplert cap dada al formulari.
    if (!empty($_GET)) {
      // La funció "isset" s'utilitza per a saber si una variable ha estat definida.
      if(isset($_GET['ID'])) {
        $ID= $_GET['ID'];
      }
    }
    //El tercer pas es realitzar la connexió a la base de dades.
    // Ens conectem a la base de dades.
    $localhost = "localhost";
    $mysqli = new mysqli( $localhost, $user, $pwd, $database);
    $mysqli-&gt;set_charset("utf8");
    $busqueda = "SELECT A.nombre AS nombre, A.fecha_instalacion AS instalacion, A.descripcion AS descripcion, A.latitud AS latitud, A.longitud AS longitud, T.Nombre AS nombretipo FROM Atraccion AS A INNER JOIN R_clasificacion ON R_clasificacion.ID_Atraccion=A.ID INNER JOIN Tipos AS T ON R_clasificacion.ID_Tipos=T.ID WHERE A.ID= '".$ID."'  ";
    if ($result = $mysqli-&gt;query($busqueda)) {
      if ($result-&gt;num_rows &gt; 0) {
        while($row = $result-&gt;fetch_array(MYSQLI_ASSOC)) {
          $nombre = $row['nombre'];
          $fecha = $row['instalacion'];
          $descripcion = $row['descripcion'];
          $nombretipo = $row['nombretipo'];
          $longitud = $row['longitud'];
          $latitud = $row['latitud'];
        }
      }
    }
    // set some text to print
    $html = "
  
      &lt;style&gt;
          @import url(http://fonts.googleapis.com/css?family=Muli:400italic);
          #titulos {text-align: left; font-family: 'Muli', sans-serif;}
          #imagenes {float: right;  margin: 0 0 0 5%;}
          #textos { color: red;text-align: justify; margin-right: 5em;}
          #contenedor {margin: 3% 7% 3% 7%;};
      &lt;/style&gt;";
    $html .="
      &lt;html lang=\"es\"&gt;
          &lt;meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" /&gt;
      &lt;head&gt;
          &lt;title&gt;Página a imprimir&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id=\"contenedor\"&gt;
      &lt;div id=\"titulos\"&gt;&lt;h1&gt;".$nombre."&lt;/h1&gt;&lt;/div&gt;
  </code></pre>
  
  <p>here it is where I add the link to the image:</p>
  
  <pre><code>    &lt;div id=\"imagenes\"&gt;";
      $html .="
      &lt;div&gt;&lt;img src=\"https://maps.googleapis.com/maps/api/staticmap?center=41.088867,1.156965&amp;zoom=15&amp;size=585x300&amp;maptype=roadmap&amp;markers=color:red%7Clabel:C%7C".$latitud.",".$longitud."\" height=\"200\" width=\"350\"/&gt;&lt;/div&gt;";
      $html .="
  </code></pre>
  
  <p>The rest of PDF content (shown without problems):</p>
  
  <pre><code>&lt;div&gt;&lt;img src=\"imagenes/".$ID.".jpg\" height=\"200\" width=\"350\"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id=\"textos\"&gt;
  &lt;p&gt;Fecha de inauguración: ".$fecha."&lt;/p&gt;
  &lt;p&gt;Ubicado en el parque en: ".$nombretipo."&lt;/p&gt;
  &lt;P&gt;".$descripcion."&lt;/P&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;";
  
  $pdf-&gt;writeHTML($html, true, 0, true, 0);
  $pdf-&gt;lastPage();
  $pdf-&gt;Output('htmlout.pdf', 'I');
  ?&gt;
  </code></pre>