Afficher marqueurs google maps avec JS
coco77777
Messages postés
70
Date d'inscription
Statut
Membre
Dernière intervention
-
astuces72 Messages postés 7769 Date d'inscription Statut Membre Dernière intervention -
astuces72 Messages postés 7769 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comment faire pour afficher les marqueurs sur ma carte suite à ma base?
J'arrive récupérer latitude et longitude en php.
Merci d'avance de votre aide
Voici mes codes:
<?php
/* Connexion à la base de données */
include("connexion.inc.php");
// On récupère tout le contenu de la table liste (de base où l'on s'est connecté)
// note, '*' après le SELECT, veut dire 'tout sélectionner'
//avec 'SELECT nom, email FROM liste' on ne sélectionne que les champs nom et email dans la table liste
$sql = "SELECT latitude,longitude FROM images";
$resultat = $dbh->query($sql);
echo '<br>Liste des enregistrements de la base :<br>';
// On affiche chaque entrée une à une
while ($row = $resultat->fetch(PDO::FETCH_BOTH)) {
/* print_r($row); */
echo $row['latitude'].' - '.$row['longitude'].' <br>';
}
//Ne pas oublier de clore la connexion à la fin du script
$resultat->closeCursor();
// Fermeture de la connexion
$dbh = NULL;
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>multi-marqueurs</title>
<div id="map" style="width:50%; height:50%; border:6px outset orange"></div>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<title>Lecture de la table</title>
</head>
<body onload="initialize()">
<br>
<input type="button" value="Retour à la page d'administration" name="LeLien1" onclick="self.location.href='http://localhost/'"
style="background-color:#ececec" style="color:white; font-weight:bold"onclick>
<br>
<script language="Javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(47.90161354142077, 1.9085311889648438),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var carte = new google.maps.Map(document.getElementById("map"),
mapOptions);
//tableau contenant tous les marqueurs que nous créerons
var tabMarqueurs = new Array();
}
i));
</script>
</body>
</html>
Comment faire pour afficher les marqueurs sur ma carte suite à ma base?
J'arrive récupérer latitude et longitude en php.
Merci d'avance de votre aide
Voici mes codes:
<?php
/* Connexion à la base de données */
include("connexion.inc.php");
// On récupère tout le contenu de la table liste (de base où l'on s'est connecté)
// note, '*' après le SELECT, veut dire 'tout sélectionner'
//avec 'SELECT nom, email FROM liste' on ne sélectionne que les champs nom et email dans la table liste
$sql = "SELECT latitude,longitude FROM images";
$resultat = $dbh->query($sql);
echo '<br>Liste des enregistrements de la base :<br>';
// On affiche chaque entrée une à une
while ($row = $resultat->fetch(PDO::FETCH_BOTH)) {
/* print_r($row); */
echo $row['latitude'].' - '.$row['longitude'].' <br>';
}
//Ne pas oublier de clore la connexion à la fin du script
$resultat->closeCursor();
// Fermeture de la connexion
$dbh = NULL;
?>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>multi-marqueurs</title>
<div id="map" style="width:50%; height:50%; border:6px outset orange"></div>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<title>Lecture de la table</title>
</head>
<body onload="initialize()">
<br>
<input type="button" value="Retour à la page d'administration" name="LeLien1" onclick="self.location.href='http://localhost/'"
style="background-color:#ececec" style="color:white; font-weight:bold"onclick>
<br>
<script language="Javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(47.90161354142077, 1.9085311889648438),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var carte = new google.maps.Map(document.getElementById("map"),
mapOptions);
//tableau contenant tous les marqueurs que nous créerons
var tabMarqueurs = new Array();
}
i));
</script>
</body>
</html>
A voir également:
- Afficher marqueurs google maps avec JS
- Google maps satellite - Guide
- Google maps - Guide
- Dns google - Guide
- Telecharger google maps pc - Télécharger - Téléchargement & Transfert
- Google photo - Télécharger - Albums photo
3 réponses
hello
tu ne récupère pas les valeurs pour ensuite les afficher dans ton script !
n'est pas bon !
center: new google.maps.LatLng(47.90161354142077, 1.9085311889648438),
il faut que mettes tes variables.
tu boucle pas au bon endroit non plus !
tu ne récupère pas les valeurs pour ensuite les afficher dans ton script !
n'est pas bon !
center: new google.maps.LatLng(47.90161354142077, 1.9085311889648438),
il faut que mettes tes variables.
tu boucle pas au bon endroit non plus !
Bonjour,
Merci de ta réponse!
Alors où est ce qu'il faut que le mets ma boucle? quel est bon endroit pour ça?
je vois pas du tout comment faire afficher les valeurs dans mon script...
En gros je suis un peu perdu...
Merci de ta réponse!
Alors où est ce qu'il faut que le mets ma boucle? quel est bon endroit pour ça?
je vois pas du tout comment faire afficher les valeurs dans mon script...
En gros je suis un peu perdu...