IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

APIs Google Discussion :

while dans code javascript google map [Google Maps]


Sujet :

APIs Google

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    88
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2010
    Messages : 88
    Points : 37
    Points
    37
    Par défaut while dans code javascript google map
    Hello !

    je sais pas si je suis au bon endroit pour poster cela, je connais pas beaucoup le javascript.

    J'essaie de faire en sorte qu'il ligne se repete dans le script à chaque entrée dans la table (pour chaque membre il y a des coordonnées lat et lng et j'aimerais qu'il y ait affiché toutes ces coordonnées en même temps sur la même carte avec un ballon par membre).

    J'ai donc mis un while à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var point = (new GLatLng(<?php echo $ligne["lat"]; ?>,<?php echo $ligne["lng"]; ?>));
    map.addOverlay(new GMarker(point));
    comme je le ferait avec le php mais je n'ai aucun résultat (et sans: qu'un seul ballon...)

    Voici mon code:
    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
        <script src="http://maps.google.com/maps?file=api&v=2&key=
        xxx"
        type="text/javascript"></script>
     
    <!-- Javascript minimaliste créant votre carte -->
        <?php
    $user="xxx";
    $host="localhost";
    $password="xxx";
    $database="xxx";
     
    $connection = mysql_connect($host, $user, $password) or die ("Connexion au serveur impossible");
     $db = mysql_select_db ($database, $connection) or die ("La base de données ne peut pas êre sélectionnée");
     $sql2 ="SELECT lat,lng FROM Membre";
     $result2= mysql_query($sql2) or die ("Impossible d'exécuter la requête");
     $ligne = mysql_fetch_array ($result2,MYSQL_ASSOC);
    ?>
     
        <script type="text/javascript">//<![CDATA[
          function load()
            {
            if (GBrowserIsCompatible())
              {
              var map = new GMap2(document.getElementById("map"));
              map.setCenter(new GLatLng(46.818188, 8.227512), 7);
    		  map.addControl(new GLargeMapControl3D());
    		  map.enableScrollWheelZoom();
    		  map.addControl(new GMapTypeControl());
    		  map.addControl(new GOverviewMapControl());
    		  map.addControl(new GScaleControl());
    // "point" correspond aux coordonnées du marker
              while ($ligne = mysql_fetch_array ($result2,MYSQL_ASSOC);)
    		  {
    		  var point = (new GLatLng(<?php echo $ligne["lat"]; ?>,<?php echo $ligne["lng"]; ?>));
    	      map.addOverlay(new GMarker(point));}
     
     
    // Initialisation d'un nouvel objet GIcon et de ses propriétés
              var MonIcon = new GIcon(G_DEFAULT_ICON);
              MonIcon.iconSize=new GSize(32,32);
              MonIcon.iconAnchor=new GPoint(16,32);
              MonIcon.image="images/purple-pushpin.png";
    // Affichage du marker (repère)
              var marker = new GMarker(point,MonIcon);
              map.addOverlay(marker);
     
              }
            }
        //]]></script>
    <!--corps -->
    		<div id="corps"><?php 
    session_start();
    if (@$auth !="yes")
    {header ("Location: login.php");
    exit();
    }
     
     ?>
    <br />
    <fieldset style="width:500px; border-color:#19431B">
     
    <table align="center">
     
    <tr><td colspan="2"><center><div id="map" style="width: 500px; height: 200px"></div></center></td></tr>
     
    </table>
               </div>
     
    		<!--fin corps -->
    que faut-il que je mette pour arriver à ce résultat ?

    merci d'avance !

  2. #2
    Candidat au Club
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 3
    Points : 3
    Points
    3
    Par défaut
    Pour afficher plusieurs points avec php et mysql:

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <?php 
    			$i=0;
    			while($donnees = $reponse1->fetch())
    			{	
    			echo "var point".$i."= new GLatLng(".$donnees['gpslat'].",".$donnees['gpslong'].");";
    			echo "var marker".$i."= new GMarker(point".$i.",MonIcon);";
                echo "map.addOverlay(marker".$i.");";
                $i++;
    			}
    ?>

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    JavaScript s'exécute coté client (navigateur) et PHP coté serveur, c'est-à-dire que lorsque PHP s'exécute, JavaScript n'est pas encore disponible et lorsque JavaScript s'exécute, PHP a fini son exécution, tu ne peux donc pas (et encore heureux !) utiliser le résultat d'une requête SQL en JavaScript...

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    88
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2010
    Messages : 88
    Points : 37
    Points
    37
    Par défaut
    merci. J'ai réglé le problème avec un fichier xml. Le problème maintenant c'est que j'aimerais mettre un lien sur une info du marker.

    Voici le problème: http://www.developpez.net/forums/d98...lle-googlemap/

    personne n'a encore pu me renseigner..

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Google Maps] Changer le texte dans un addListener
    Par webrunner dans le forum APIs Google
    Réponses: 6
    Dernier message: 19/07/2009, 10h54
  2. Réponses: 9
    Dernier message: 27/04/2009, 15h35
  3. Appel fonction php dans code javascript
    Par licorne dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 05/03/2008, 10h55
  4. Code pour Google Map
    Par BFH dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 18/09/2007, 09h56
  5. Apostrophe dans code Javascript/C#
    Par enimren dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 10/07/2007, 14h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo