Ajout marqueurs a partir de BDD

Extraire des données OSM, créer sa carte, uMap, utiliser sur un GPS ou un smartphone...
Ubaxo21
Messages : 21
Inscription : mer. janv. 09, 2019 9:16 am

Ajout marqueurs a partir de BDD

Message par Ubaxo21 » ven. mai 24, 2019 9:23 am

Bonjour, j'ai des données dans ma BDD Mysql et je voudrais ajouté des marqueurs
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>

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 10 invités