J'ai réussi a me connecté sur la BDD mais je suis bloqué pour l'ajout des marqueurs
Voici mon code :
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Nous chargeons les fichiers CDN de Leaflet.-->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
crossorigin="" />
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
crossorigin=""></script>
<script src="jquery-3.4.1.min.js"></script>
<script type="text/javascript">
var lat = 48.7322183;
var lon = -3.4587994;
function initMap() {
macarte = L.map('map').setView([lat, lon], 11);
L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', {
minZoom: 1,
maxZoom: 20
}).addTo(macarte);
};
window.onload = function(){
// Fonction d'initialisation qui s'exécute lorsque le DOM est chargé
initMap();
};
</script>
<style type="text/css">
#map{ /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
height:800px;
width: 800px;
margin: auto;
}
</style>
<title>Carte</title>
</head>
<body>
<div id="map">
</div>
<?php
$user = 'gps';
$passwd = 'gps';
$dbname = 'gps';
try {
$db = new PDO("mysql:host=localhost;dbname=$dbname", $user, $passwd);
foreach($db->query('SELECT latitude,longitude FROM gps ORDER BY id DESC LIMIT 0, 1') as $row) {
echo $row['latitude'] . ',' . $row['longitude'];
}
$db = null;
} catch (PDOException $e) {
print "Erreur !: " . $e->getMessage() . "<br/>";
die();
}
?>
</body>
</html>