<?php 
$qq =dbi_query("SELECT * FROM `client` c , demliv dm  Where  c.client_id = dm.client_id and latitude != '' and longitude != '' and dm.demliv_statut = '0' and c.etablissement_id = '3'") ;
$qqq =dbi_query("SELECT * FROM `client` Where client_statut = '1' and latitude != '' and longitude != '' ") ;
 // while($catt = dbi_fetch_row($qqq)) {

// echo "<pre>" ; 
// print_r($catt);
// echo "</pre>" ;

 // }
 
 // echo ttt "tetddddddddddddddddddddddddddddddddddddddddddddddddddtts <br/>" ; 
?>
<script type="text/javascript">
    var locations = [ <?php 
      while($cat = dbi_fetch_row($qq)) {?>
      ["<span class='cstm-txt'> <?=$cat["client_nom"]?>  <br><span class='cstm-txt'> <?=$cat["client_adr1"]?> </span> </span><br><span class='cstm-txt'> <?=$cat["client_cp"]?> </span><br><span class='cstm-txt'> <?=$cat["client_ville"]?> </span>", <?=$cat['latitude']?>,<?=$cat['longitude']?>, 9],
    <?php } ?>
      

      
     
      
      
    ];

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 14,
      center: new google.maps.LatLng(48.8744558, 2.3543068),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var infowindow = new google.maps.InfoWindow();

    var marker, i;

  
    for (i = 0; i < locations.length; i++) { 
     
      marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
        map: map,
        
      });

      google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker, i));
    }
  </script>