title: Load jquery and google map
body: <p>Hello im using load jquery to refresh my page  each second the problem came when i added a google map in this page the map is appear and disappear in each second is there anyway to correct this issue </p>
  
  <p></p>
  
  <pre><code>$(document).ready(function(){
      &lt;?php
          if(isset($_GET['id'])){
              $id = '&amp;id='.$_GET['id'];
          }
       if(isset($_GET['id']) &amp;&amp; isset($_GET['c']) || isset($_GET['c'])){
              $id = '&amp;id='.$_GET['id'].'&amp;c='.$_GET['c'];
          }*/
      ?&gt;
  
       $("#pub").load("./ajax.php?act=pharmacie&lt;?php echo $id; ?&gt;");
      setInterval(function(){
          $("#pub").load("./ajax.php?act=pharmacie&lt;?php echo $id; ?&gt;");
      },1000);
  
  
  });
  </code></pre>
  
  <p>this the div which i load my script</p>
  
  <pre><code>  &lt;div id="pub"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and the last one is my main script "ajax.php" contains the code of google map </p>
  
  <p></p>
  
  <pre><code>        &lt;div id="pharma-title"&gt;
              &lt;table width="100%" id="tableNom"&gt;
  
                  &lt;td width="40%" id="hero"&gt;
                  &lt;iframe src="https://www.google.com/maps/embed?" width="400" height="300" frameborder="0" style="border:0"&gt;
  </code></pre>
  
  <p></p>