8791 sujets

Développement web côté serveur, CMS

[résolu] Afficher les Coordonnées depuis une BDD

Bonjour,
je veux afficher un point sur une carte en fonctions des coordonnées (lat, long)
ces coordonnées sont dans une base de données mysql.
Mais quand je charge la page dans le navigateur, rien ne s’affiche.
Quand je veux mettre la fonction mysql_fetch_assoc(), J’ai une erreur. Pouvez-vous me dire comment l’insérer?
Merci

<?php
         mysql_connect("localhost", "root", "");
          mysql_select_db("gps");
  
    //on recupere la latitude longitude nom de la structure    
          $reponse = mysql_query("SELECT Lat,Lon FROM adresses")
    ?><html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Info Window Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(<?php echo $reponse['lat']; ?>
, <?php echo $reponse['lon']; ?>
);

Modifié par Elkana (04 Feb 2010 - 23:34)
Salut et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile

upload/1-code.gif 

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Info Window Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">

function initialize() {
	
	var myLatlng = [];
	
	<?php
	mysql_connect("localhost", "root", "");
	mysql_select_db("gps");

	//on recupere la latitude longitude nom de la structure
	$reponse = mysql_query("SELECT Lat,Lon FROM adresses");
	
	while($coordonnees = mysql_fetch_assoc($reponse))
	{
		echo 'myLatlng.push(new google.maps.LatLng('. $coordonnees['Lat'] .', '. $coordonnees['Lon'] .'));';
	}
	?>
	
	for(var i = 0; i < myLatlng.length; i++ )
	{
		// mon traitement avec le tableau de coordonnees
		// exemple : 
		alert(myLatlng[i]);
	}
}

</script>
[/i]
merci moust, mais la page n'affiche toujours rien.
j’ai modifié avec ton code, mais rien

<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Info Window Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
	var myLatlng = [];
	<?php
	mysql_connect("localhost", "root", "");
	mysql_select_db("gps");
	//on recupere la latitude longitude nom de la structure
	$reponse = mysql_query("SELECT Lat,Lon FROM adresses");
	while($coordonnees = mysql_fetch_assoc($reponse))
	{
		echo 'myLatlng.push(new google.maps.LatLng('. $coordonnees['Lat'] .', '. $coordonnees['Lon'] .'));';
	}
	?>
	for(var i = 0; i < myLatlng.length; i++ )
	{
	// mon traitement avec le tableau de coordonnees
		// exemple : 

		alert(myLatlng);
	}
}
    var myOptions = {
      zoom: 5,
      center: myLatlng,
	  navigationControl: false,
      scaleControl: false,
	  disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var contentString = '<div id="content">'+
        '<div id="texte">'+
        '</div>'+
        '<p>texte</h1>'+
        '(texte).</p>'+
        '</div>'+
        '</div>';
       
    var infowindow = new google.maps.InfoWindow({
        content: contentString	
    });
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Uluru (Ayers Rock)'
    });
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });
  }

</script>

Modifié par Elkana (03 Feb 2010 - 22:05)
Il faut que tu mette la partie 

var marker = new google.maps.Marker({

        position: myLatlng,

        map: map,

        title: 'Uluru (Ayers Rock)'

    });

    google.maps.event.addListener(marker, 'click', function() {

      infowindow.open(map,marker);

    });


Dans la boucle for en utilisant myLatlng comme dans mon exemple avec le alert()
voila

<?php
         mysql_connect("localhost", "root", "");
          mysql_select_db("gps");
  
    //on recupere la latitude longitude nom de la structure    
          $sql = mysql_query("SELECT Lat,Lon FROM adresses");
    $reponse = mysql_fetch_assoc($sql);

    ?><html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Info Window Simple</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(<?php echo $reponse['lat']; ?>
, <?php echo $reponse['lon']; ?>
);

    var myOptions = {
      zoom: 5,
      center: myLatlng,
	  navigationControl: false,
      scaleControl: false,
	  disableDefaultUI: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var contentString = '<div id="content">'+
        '<div id="siteNotice">'+
        '</div>'+
        '<p>Uluru</h1>'+
        '(last visited June 22, 2009).</p>'+
        '</div>'+
        '</div>';
        
    var infowindow = new google.maps.InfoWindow({
        content: contentString
		
		

    });

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Uluru (Ayers Rock)'
    });
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
    });
  }

</script>

Modifié par Elkana (04 Feb 2010 - 22:21)
Sujet clos
Aller à