google map api

**raphs43** · 27/12/2006, 17h32

bonjour
voila mon probleme je veux afficher plusieur point sur une carte en fonctions des coordonnées (lat, lng)
ces coordonnées sont dans une base de donnée mysql
le probleme est que lorsque j'affiche ma carte j'obtient uniquement le dernier point de ma base de donnée alors que je voudrai que tout les point soit afficher

voila mon code

<!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>

<?php
mysql_connect("", "", "");
mysql_select_db("");

//on recupere la latitude longitude nom de la structure
$reponse = mysql_query("SELECT Latitude,Longitude FROM T_Gps")

while ($donnees = mysql_fetch_array($reponse)){

?>

<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), Cool;

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);

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>

voila merci d'avance pour vos reponse

**dingoth** · 27/12/2006, 20h28

Bon, primo, va falloir regrouper tout ton PHP en un seul endroit. Tu verras, ça ira dix fois mieux.

Ensuite, j'ai refait ton code. J'ai pas tout compris alors, j'ai tout indenté correctement, mis le PHP en début de code et appelé les variables PHP lorsque c'était nécessaire.

Ton problème était que tu appelais une fois le JavaScript par tuple dans ta base de données. Alors, bien évidemment, un seul load était appelé, et pas les X que tu tentes d'instancier.

Sinon, je n'ai pas testé le code, mais à priori, il devrait être bon. Si tu as davantages de problèmes, continue le post ci-dessous

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
 
mysql_connect("", "", "");
mysql_select_db("");
 
$reponse = mysql_query("SELECT Latitude,Longitude FROM T_Gps")
 
$data = array();
 
while ($donnees = mysql_fetch_array($reponse)){
  $data[] = $donnees;
}
 
mysql_close();
 
?>
<!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&apos;essai</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;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), Cool;
 
          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 foreach ($data as $donnees): ?>
          var point = new GLatLng('<?php echo $donnees['Latitude']; ?>','<?php echo $donnees['Longitude'] ; ?>')
          map.addOverlay(createMarker(point ,1));
<?php endforeach;  ?>
 
          marker.openInfoWindowTabsHtml(infoTabs);
        } // fin if (GBrowserIsCompatible())
      } // fin load()
      //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 500px"></div>
  </body>
</html>

P.S. Je ne sais pas du tout ce que fait la dernière ligne JavaScript, mais à priori, elle ne fait rien et risque de te poser problème.

google map api

JavaScript

Discussions similaires

Partager

Partager