inclure JS et PHP

Version imprimable

inclure JS et PHP

Bonjour,

j'essaie de creer une carte google map a laquelle j'ajoute des marqueurs.

je recupere les références ce ces marqueurs a partir d'une base de donné et jdois les passer a la fonction js ! mais je n'arrive pas a combiner entre les deux

Code:

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
 
// partie php
 
 
	 while($data = mysql_fetch_array($result_between))
    { 
 
				for ( $i = 2; $i < $taille-1; $i++ ) 
 
			{	
			 $nom_col1 = mysql_field_name( $result_between, $i );
			   $nom_col2 = mysql_field_name( $result_between, $i+1 );
 
			if(($data[$nom_col1]>'07:50:00') &&($data[$nom_col2]<'07:50:00)'))
 
			$param1=$data[par_map_un]
                        $param2=$data[par_map_deux]
 
// et là jaimerais appeler la partie javascript pour creer des marqueurs 
 
//var marqueur = new google.maps.Marker({
//position: new google.maps.LatLng(<?php echo"$param1, $param2"?>),
//map: carte
 
 
			}
 
	 }

pour la fonction JAVA script la voici :

Code:

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
 
// ...
 
			function initialiser() {
				var latlng = new google.maps.LatLng(35.7011,-0.6502771);
				//objet contenant des propriétés avec des identificateurs prédéfinis dans Google Maps permettant
				//de définir des options d'affichage de notre carte
				var options = {
					center: latlng,
					zoom: 15,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
 
				//constructeur de la carte qui prend en paramêtre le conteneur HTML
				//dans lequel la carte doit s'afficher et les options
				var carte = new google.maps.Map(document.getElementById("carte"), options);
 
 
			var marqueur = new google.maps.Marker({
			position: new google.maps.LatLng(35.690313,-0.64915),
			map: carte
			});
 
 
 
 
 
			}
		</script>
 
 
	</head>
 
	<body onload="initialiser()">

07/05/2011, 10h56
sekaijin

tu peu nous la refaire ??

ta page contient quoi ?
Ton PHP génère une page ou des données JSON pour ajax ??
comment inclus tu ton JS dans ta pages ?

Comment fais tu tes appels à tes fonction JS ?
en dur <script>...
dans le onload de la page onload="...."
sur un évènement onmouseover="....."

A+JYT

Citation:

Envoyé par sekaijin

tu peu nous la refaire ??

ta page contient quoi ?
Ton PHP génère une page ou des données JSON pour ajax ??
comment inclus tu ton JS dans ta pages ?

Comment fais tu tes appels à tes fonction JS ?
en dur <script>...
dans le onload de la page onload="...."
sur un évènement onmouseover="....."

A+JYT

merci pour ta reponse

mon PHP questionne une base de donnée et je recupere des données , c'st ces données que je voudrais faire passer a une fonction JS

donc pour la structure,

j'ai une partie PHP tout au debut de page

Code:

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
 
 
<?php 
... // ma partie PHP 
 
while($data = mysql_fetch_array($result_between))
    { 
// cest la que j'aimerais creer les marqueurs de la maniere faite un peu plus bas en JS 
}
 
//...
?>
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
	<head>
		<title>Tutoriel Google Maps</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<!-- Elément Google Maps indiquant que la carte doit être affiché en plein écran et
		qu'elle ne peut pas être redimensionnée par l'utilisateur -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<!-- Inclusion de l'API Google MAPS -->
		<!-- Le paramètre "sensor" indique si cette application utilise détecteur pour déterminer la position de l'utilisateur -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
 
			function initialiser() {
				var latlng = new google.maps.LatLng(35.7011,4.6502771);
 
				var options = {
					center: latlng,
					zoom: 15,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
 
 
				var carte = new google.maps.Map(document.getElementById("carte"), options);
 
			//---------------------------------------------------------------------------------------------//
			// AU LIEU DE 35.690313,4.64915, JE VOUDRAIS DONNER DES VALEURS RECUPERER DE MA BASE DE DONNEES
			//---------------------------------------------------------------------------------------------//
 
			var marqueur = new google.maps.Marker({	position: new google.maps.LatLng(35.690313,4.64915),map: carte	});
 
 
			}
		</script >
 
 
	</head>
 
	<body onload="initialiser()" >
		<div id="carte" style="width:600; height:360"></div>
	</body>
</html>

07/05/2011, 11h46
alpha232

Code:

var latlng = new google.maps.LatLng(<?php echo $param1.",".$param2; ?>);

Alpha.
07/05/2011, 12h06
domino313131

Citation:

Envoyé par alpha232

Code:

var latlng = new google.maps.LatLng(<?php echo $param1.",".$param2; ?>);

Alpha.

en effet ça marche merci

mais je veux donner comme parametres des données recuperés de ma base de données, comme je veux afficher plusieurs marqueurs, j'ai plusieurs lignes BDD !

je ne sais pas comment faire passer la boucle de mes données recuperés de la bdd
07/05/2011, 12h32
alpha232

Salut, je pense que tu dois faire une requête qui te donne le nbre de lignes à traiter et ensuite tu appelle ta fonction initialiser autant de fois que nécessaire en transmettant les paramêtres dans la fonction.

Alpha.