Modifier via Ajax des marqueurs google map insérés dans une base de donnée
Bonjour,
Je cherche à insérer des marqueurs google map en fonction d'une sélection faite par l'utilisateur.
Mes marqueurs sont répertoriés dans une base de donnée. La sélection de l'utilisateur se fait par l'intermédiaire d'une balise input de type text.
A chaque fois que l'utilisateur réalise une nouvelle sélection je souhaite afficher les marqueurs correspondants.
Code source:
Code:
<input type="text" id="date" value="Entrer une date"/>
Code javascript:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| $('#date').change(function(){
var date=$(this).val();
$.post(
'connexion.php', // Mon fichier cible côté serveur.
'date=' + date,
function (data){
var markers=[[data.lat,data.lng],]; // Récupération des données Json
var titles=data.dj;
for(var i=0,I=markers.length;i<I; i++){ // Affichage des marqueurs
addmarker(markers[i]);
}
function addmarker(latlng){} // Ma fonction addmarker sans le contenu (il fonctionne)
},
'json'
);
}); |
Code connexion.php:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <?php
// CONNEXION BDD
$req = $bdd->prepare("SELECT * FROM table WHERE date= ? ");
$req->execute(array($_POST['date']));
while ($donnees = $req->fetch()){
$lat= $donnees["lat"];
$lng= $donnees["lng"];
$dj= $donnees["dj1"];
}
$req->closeCursor();
echo json_encode($lat);
echo json_encode($lng);
echo json_encode($dj);
?> |
Je pense que mon problème vient de la transposition du code Json mais je ne m'en sors pas, je n'ai pas bien compris comment manipuler celui-ci.
Pouvez vous me donner un coup de main svp.