[Leaflet] : markers dans PHP

Bonjour,

Je dispose d'une bdd "COMMUNE", "LAT", "LON"

Pour créer mes markers dans ma carte, j'ai besoin d'une variable javascript "villes"
qui est un tableau au format suivant :

Code:

---

1 2 3 4 5 6 7 8

<script> villes = { "ville1" : {lat: $lat, lon: $lon}, "ville2" : {lat: $lat, lon: $lon}, ... }

---

Je sais boucler sur ma bdd pour obtenir

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

$georeq = "select * from ".EA_DB."_geoloc order by COMMUNE"; $villes = array(); if ($result = mysql_query($georeq)) { $i=1; $villes = "{<br />"; while($row = mysql_fetch_array($result)) { $i++; { $villes = $villes.'"'.$commune = $row["COMMUNE"].'" : { lat: '.$lat = $row["LAT"].', lon: '.$lon = $row["LON"].' },<br />'; } } $villes = $villes.'};'; }

---

1° Mon export php est-il construit correctement ?
2° Sous quelle forme et de quelle manière dois-je récupérer ma variable $villes dans mon fichier javascript ?

Merci de vos lumières

Bonjour,
1° j'aurais plutôt vu quelque chose comme pour la partie PHP

Code:

---

1 2 3 4 5 6 7

<?php $pdo = new PDO("mysql:dbname=data_base;host=127.0.0.1", "user", "password"); $stmt = $pdo->prepare("SELECT `ville`,`lat`, `lng` FROM `markers`"); $stmt->execute(); $results = $stmt->fetchAll(PDO::FETCH_ASSOC); $json = json_encode($results); ?>

---

2° et pour l'intégration des données dans le javascript

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script> "use strict"; <?php echo "var data = " .$json. ";\n"; ?> // code d'initialisation de la carte // ... // initialisation et affichage des markers data.forEach(function(elem) { var marker = L.marker([elem.lat, elem.lng], { }).addTo(oMap); });

---

Merci pour cette solution qui semble alléchante.

Mais...
1° Concernant la partie PHP, l'ensemble de mes scripts n'est pas en PDO mais encore en mysql/mysqli

Code:

---

1 2 3 4

$pdo = new PDO("mysql:dbname=data_base;host=127.0.0.1", "user", "password"); $stmt = $pdo->prepare("SELECT `ville`,`lat`, `lng` FROM `markers`"); $stmt->execute();

---

...

Je ne sais pas traduire ça en mysql.

Code:

---

$results = $stmt->fetchAll(PDO::FETCH_ASSOC);

---

2° Concernant
Pour le JS, je ne comprends pas le début du code :

Code:

---

1 2	<script> "use strict";

---

Cdlt

Citation:

---

Je ne sais pas traduire ça en mysql.

---

c'est l'inverse que tu dois faire, « traduire » mysql en PDO, PDO n'étant qu'une classe PHP permettant de communiquer avec une base de données et ce indépendamment du système de gestion de celle-ci.

Citation:

---

Pour le JS, je ne comprends pas le début du code :

---

en résumé le passage en « mode strict » va t'aider à faire moins d'erreur dans ton code.
• Le mode strict

Citation:

---

c'est l'inverse que tu dois faire, « traduire » mysql en PDO, PDO n'étant qu'une classe PHP permettant de communiquer avec une base de données et ce indépendamment du système de gestion de celle-ci.

---

Merci pour ce conseil.

J'ai déjà lu bcp de doc sur la classe PDO.
Malheureusement, le logiciel pour lequel j'ai besoin de cette carte est encore en mysql et comporte énormément de scripts que nous passons progressivement à msqli...
C'est long, fastidieux.
https://www.agha.fr/actes/carte_OSM.php.

J'ai essayé la requête préparée mais ça ne fonctionne pas... au milieu de tous ces scripts en mysql.

L'équivalent mysqli procédural du bout de code proposé par NoSmoking serait quelque chose comme ça :

Code:

---

1 2 3 4 5 6

$mysqli = mysqli_connect('localhost', 'user', 'password', 'la_base'); $stmt = mysqli_prepare($mysqli, "SELECT `ville`,`lat`, `lng` FROM `markers`"); mysqli_stmt_execute($stmt); $mResult = mysqli_stmt_get_result($stmt); $results = mysqli_fetch_all($mResult, MYSQLI_ASSOC); $json = json_encode($results);

---

Merci pour cette solution que je comprends mieux.

Maintenant je dois m'attaquer à la lecture du $json dans la partie javascript que je n'arrive pas à faire fonctionner correctement.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script> "use strict"; <?php echo "var data = " .$json. ";\n"; ?> // code d'initialisation de la carte // ... // initialisation et affichage des markers data.forEach(function(elem) { var marker = L.marker([elem.lat, elem.lng], { }).addTo(oMap); });</script>

---

Leaflet demande un objet au format :

Code:

---

1 2 3 4 5 6 7

var villes = { "ville1" : {lat: 45.010101, lon: 5.010203}, "ville2" : {lat: 45.010101, lon: 5.010203}, ... }

---

or $json est au format

Code:

---

1 2 3 4 5 6 7

$jon = [ {"ville":"ville1", "lat":"45.010101", "lon":"5.010203"}, {"ville":"ville2", "lat":"45.010101", "lon":"5.010203"}, ... ]

---

J'ai du mal...

Citation:

---

Leaflet demande un objet au format

---

:nono: LeaFlet ne t'impose rien à toi de faire correspondre ton retour JSON avec les propriétés exploitées dans ton script.

Le code fourni par Celira permet de récupérer les champs `ville`,`lat`, `lng` donc il te faut adapter les noms des champs à ceux de ta BdD et par suite au script JS.

Ceci étant ta page, mise en lien, même si longue à charger fonctionne correctement visiblement.

Citation:

---

Ceci étant ta page, mise en lien, même si longue à charger fonctionne correctement visiblement.

---

Bien entendu que le code marche bien.
Pour l'instant, les coordonnées des villes sont en dur dans le <script>, je n'ai pas encore programmé la récupération du json.
Je m'y mettrai ce WE.
Merci