pb API google map et bdd php/sql

Marsh Posté le 04-07-2008 à 10:15:45

Bonjour à tous,

Je souhaite intégrer dans mon site un affichage de résultats d'un formulaire dans l'api google map. Voilà mon code :

Code :

<?php
mysql_connect("", "", "" );
mysql_select_db("" );
//on recupere la latitude longitude nom de la structure
$reponse = mysql_query("SELECT Latitude,Longitude FROM T_Gps" )
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>carte d'essai</title>
<script src="http://maps.google.com/maps?file=api&v=2&key="
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
function createMarker(point, number) {
var marker = new GMarker(point,icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowTabsHtml(infoTabs);
});
return marker;
}
var infoTabs = [
new GInfoWindowTab(" info1", " " ),
new GInfoWindowTab(" info2", " " )
];
//création d'une carte nommé "map"
var map = new GMap2(document.getElementById("map" ));
GEvent.addListener(map, "moveend", function() {
var center = map.getCenter();
});
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(45.44 , 4.395), 8);
var icon = new GIcon();
icon.image = "http://images.google.fr/images?q=tbn:gS51abIJ6eysoM:http://rgfrance0.tripod.com/sitebuildercontent/sitebuilderpictures/flag.jpg";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(23, 23);
icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
<?php while ($donnees = mysql_fetch_array($reponse)){?>
var point = new GLatLng('<?php echo $donnees['Latitude']; ?>','<?php echo $donnees['Longitude'] ; ?>')
map.addOverlay(createMarker(point ,1));
marker.openInfoWindowTabsHtml(infoTabs);
}
}
</script>
<?php
mysql_close() ;
}
?>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 500px"></div>
</body>
</html>

Il fonctionne correctement avec un seul enregistrement dans la table mais pas avec plusieurs. Il affiche seulement la première donnée de la table (marqueur sur la carte) et n'arrive pas à créer et afficher d'autres marqueurs (correspondants aux autres données).

message d'erreur :

"var point = new GLatLng('43.672031','1.448878') map.addOverlay(createMarker(point ,1)); marker.openInfoWindowTabsHtml(infoTabs); } } "

Au premier passage de la boucle, les instructions sont exécutées correctement, par contre dès le seconde passage le script JS de la boucle est affiché à l'écran et non interprété/

D'où peux venir le soucis ?

Merci d'avance pour votre aide.

Reply

Marsh Posté le 04-07-2008 à 10:15:45

Reply

Marsh Posté le 04-07-2008 à 10:38:49

juste vite fait je connais pas google map, mais si tu incremente le 1 ?
(point ,1)
en
(point ,<?php echo $i $i++; ?> )

met $i = 1; avant ton while

Message édité par ouiouioui10 le 04-07-2008 à 10:39:56

Reply

Marsh Posté le 04-07-2008 à 11:42:51

merci, mais ça ne change rien.

La boucle ne s'exécute toujours qu'une seule fois, je ne comprend pas pourquoi

Reply

Marsh Posté le 04-07-2008 à 11:43:21

Est-ce que tu es sure que la boucle ramène tout les enregistrements ?

Reply

Marsh Posté le 04-07-2008 à 11:51:43

Oui, car quand je fais un test d'affichage des latitudes, par exemple :

include("connect.php" );

if ($_POST[type] == 'maison')
$reponse = mysql_query("SELECT latitude,longitude FROM maison WHERE departement='$departement'" );

if ($_POST[type] == 'appartement')
$reponse = mysql_query("SELECT latitude,longitude FROM appartement WHERE departement='$departement'" );

while ($donnees = mysql_fetch_array($reponse))
{
echo $donnees['latitude'];
}

les latitudes s'affichent toutes bien.

Reply

Marsh Posté le 04-07-2008 à 11:59:45

Il manque des paramètres dans ton CreateMarker...
Scince les deux également.

Regarde dans le code source du site : http://audit.fondev.org (J'ai utilise Google Maps)

Code :

var _infoTabs = [
new GInfoWindowTab("Information General", "<table width='400px' border='0' cellspacing='1'><tr><td class='info_bulle_google_label'>  Nom Fonera  </td><td class='info_bulle_google_label'>  Lattitude  </td><td class='info_bulle_google_label'  >Longitude  </td><td class='info_bulle_google_label'>  Poles  </td><td class='info_bulle_google_label'>  Meridien  </td><td class='info_bulle_google_label'>  Altitude  </td><td class='info_bulle_google_label'>  Satellite  </td></tr><tr><td class='info_bulle_google_info'>FON_GRATUIT_HUIT_ET_DEMI</td><td class='info_bulle_google_info'>44.910349</td><td class='info_bulle_google_info'>-0.633207</td><td class='info_bulle_google_info'>N</td><td class='info_bulle_google_info'>W</td><td class='info_bulle_google_info'>16.80</td><td class='info_bulle_google_info'>7</td></tr></table>" ),
new GInfoWindowTab("HTTP", "<table width='400px' border='0' cellspacing='1'><tr><td class='info_bulle_google_label'>  Date Début  </td><td class='info_bulle_google_label'>  Date fin  </td><td class='info_bulle_google_label'>  Minimum  </td><td class='info_bulle_google_label'>  Maximum  </td><td class='info_bulle_google_label'>  Moyenne  </td><td class='info_bulle_google_label'>  URL  </td></tr><tr><td class='info_bulle_google_info'>  2008-04-15 18:32:05  </td><td class='info_bulle_google_info'>  2008-04-15 18:32:30  </td><td class='info_bulle_google_info'>  22.43  </td><td class='info_bulle_google_info'>  92.86  </td><td class='info_bulle_google_info'>  50.95  </td><td class='info_bulle_google_info'>  http://www.rarlab.com/rar/wrar371fr.exe  </td></tr></table>" ),
new GInfoWindowTab("FTP", "<table width='400px' border='0' cellspacing='1'><tr><td class='info_bulle_google_label'>  Date Début  </td><td class='info_bulle_google_label'>  Date fin  </td><td class='info_bulle_google_label'>  Minimum  </td><td class='info_bulle_google_label'>  Maximum  </td><td class='info_bulle_google_label'>  Moyenne  </td><td class='info_bulle_google_label'>  URL  </td></tr><tr><td class='info_bulle_google_info'>  2008-04-15 18:32:31  </td><td class='info_bulle_google_info'>  2008-04-15 18:36:36  </td><td class='info_bulle_google_info'>  NC  </td><td class='info_bulle_google_info'>  NC  </td><td class='info_bulle_google_info'>  1.50  </td><td class='info_bulle_google_info'>  ftp.demo1g.ovh.org  </td></tr></table>" )
];
var _marker = new createMarker(_point,_icon,_infoTabs);
_map.addOverlay(_marker);

Reply

Marsh Posté le 04-07-2008 à 12:08:35

Pourtant lors du premier passage tout s'affiche correctement sur la map, les points, les info-bulles etc...

ça vient d'un problème sur le While mais je ne vois pas ou ?

Reply

Marsh Posté le 04-07-2008 à 12:13:21

Non, ca vient du code Google Maps, un objet est crée pour chaque point...Dans ton code ce n'est pas le cas !!!
Ca explique pourquoi il ne te crée pas les autres points....

Code :

map.addOverlay(createMarker(point ,1));
marker.openInfoWindowTabsHtml(infoTabs);

Message édité par cvb le 04-07-2008 à 12:14:03

Reply

Marsh Posté le 04-07-2008 à 12:17:37

D'accord, et donc comment faut-il que je fasse, par rapport à mon code, pour que plusieurs points soient créés ?

Reply

Marsh Posté le 04-07-2008 à 12:25:25

Est-ce que tu as regarde ce que je t'ai mis plus haut ?
Scinde les fonctions en deux, et inspire toi de mon code...

==> Ton code :

Code :

(...)
map.addOverlay(createMarker(point ,1));
marker.openInfoWindowTabsHtml(infoTabs);
(...)

==> Mon code :

Code :

(...)
var _infoTabs = [
new GInfoWindowTab("Information General", "<table width='400px' border='0' cellspacing='1'><tr><td class='info_bulle_google_label'>  Nom Fonera  </td><td class='info_bulle_google_label'>  Lattitude  </td><td class='info_bulle_google_label'  >Longitude  </td><td class='info_bulle_google_label'>  Poles  </td><td class='info_bulle_google_label'>  Meridien  </td><td class='info_bulle_google_label'>  Altitude  </td><td class='info_bulle_google_label'>  Satellite  </td></tr><tr><td class='info_bulle_google_info'>FON_GRATUIT_HUIT_ET_DEMI</td><td class='info_bulle_google_info'>44.910349</td><td class='info_bulle_google_info'>-0.633207</td><td class='info_bulle_google_info'>N</td><td class='info_bulle_google_info'>W</td><td class='info_bulle_google_info'>16.80</td><td class='info_bulle_google_info'>7</td></tr></table>" )
var _marker = new createMarker(_point,_icon,_infoTabs);
_map.addOverlay(_marker);
(...)

Message édité par cvb le 04-07-2008 à 12:26:02

Reply

Marsh Posté le 04-07-2008 à 12:25:25

Reply

Marsh Posté le 04-07-2008 à 12:43:49

Nikel, t'es un chef, ça marche !!

Par contre, tant que tu es la, j'en profite :

tout marche nikel sous FF, par contre sous IE, la map s'affiche mais pas les markers.
Saurais tu pourquoi ?

Reply

Marsh Posté le 04-07-2008 à 14:01:31

De rien avec plaisir.

Je trouve ça curieux que ça fonctionne sous FF et pas sous IE, c'est l'inverse qui se produit en général ? T'es sûre à 100% ?

J'ai eue des soucis comme ça aussi mais c'était due à des erreurs de code, oublie de ID. Contrairement à toi ça fonctionné sous IE mais pas FF.

Reply

pb API google map et bdd php/sql

Sujets relatifs:

Leave a Replay