Probleme de php

Fermé
zanfar Messages postés 1 Date d'inscription lundi 16 mai 2016 Statut Membre Dernière intervention 17 mai 2016 - Modifié par teutates le 17/05/2016 à 00:04
jordane45 Messages postés 38366 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 janvier 2025 - 17 mai 2016 à 00:05
bonjour tout le monde j'ai un petit probleme de php avec la map aucune marker affichera
<?php include_once('header.php') ?>
<!DOCTYPE html>
<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
  <title>Controller </title> 
  <script src="[http://maps.google.com/maps/api/js?sensor=false]" 
          type="text/javascript"></script>
</head> 
<body>
   <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  <div id="map" ></div>

  <script type="text/javascript">
    var locations = [
        <?php
    try {
  $strConnection = 'mysql:host=localhost;dbname=admin'; //Ligne 1
  $arrExtraParam= array(PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"); //Ligne 2
  $pdo = new PDO($strConnection, 'root', '', $arrExtraParam); //Ligne 3; Instancie la connexion
  $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  $req=$pdo->query("select * from Point");
while($data=$req->fetch()){
      echo'['.$data[0].','.$data[3].','.$data[4].'],';
    }
      }catch(PDOException $e){echo 'fatal error';}
       ?>
    ];
       var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 13,
      center: new google.maps.LatLng( 33.581522, -7.561063),
      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, 'click', (function(marker, i) {
        return function() {
          infowindow.setContent(locations[i][0]);
          infowindow.open(map, marker);
        }
      })(marker, i));
    }
  </script>

</body>
</html>


EDIT: Ajout du LANGAGE dans les balises de code.
A voir également:

1 réponse

jordane45 Messages postés 38366 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 1 janvier 2025 4 720
17 mai 2016 à 00:05
Bonjour,

Utilise l'AJAX
Exemple :
https://gist.github.com/johnschimmel/5319511

0