Sujet Précédent Sujet Suivant

Afficher marqueurs google maps avec JS

Fermé
coco77777 Messages postés 70 Date d'inscription lundi 2 avril 2012 Statut Membre Dernière intervention 17 novembre 2015 - 7 nov. 2012 à 12:41
astuces72 Messages postés 7723 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 22 avril 2024 - 7 nov. 2012 à 14:20
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>
A voir également:

3 réponses

Réponse 1 / 3
astuces72 Messages postés 7723 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 22 avril 2024 1 637
7 nov. 2012 à 13:33
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 !
0
Réponse 2 / 3
coco77777 Messages postés 70 Date d'inscription lundi 2 avril 2012 Statut Membre Dernière intervention 17 novembre 2015
7 nov. 2012 à 13:46
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...
0
Réponse 3 / 3
astuces72 Messages postés 7723 Date d'inscription vendredi 15 janvier 2010 Statut Membre Dernière intervention 22 avril 2024 1 637
Modifié par astuces72 le 7/11/2012 à 14:25
je ne sais pas si ça peut t'aider, mais j'avais fais ce site:
http://reliefmicro.fr/sauvegarde/vuedirecte/test.php

Si tu arrives a te débrouiller avec ça :)
il y a des marquer avec images différentes, cliquable ...
Un gros bazars.
je t'envois la source en MP
0