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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
| <?xml version="1.0" encoding="utf-8"?>
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>test</title>
<!-- Chargement du script Google AJAX APIs en pr�cisant votre cl� -->
<script type="text/javascript" src="http://www.google.com/jsapi?key=Inserez_Votre_Clef_API_Ici"></script>
<script type="text/javascript">
//<![CDATA[
/* Chargement du module "maps" dans sa version "2.x" */
google.load("maps", "2.x",{"other_params":"sensor=false"});
/* D�claration des variables globales */
var carteItineraire;
var monItineraire;
/* Fonction initialize() */
function initialize() {
/* tableau des latitudes */
var latitude = new Array();
latitude[0]=47.6667;
latitude[1]=47.75;
latitude[2]=48.65;
latitude[3]=48.55949711;
/* tableau des longitudes */
var longitude = new Array();
longitude[0]=-2.75;
longitude[1]=-3.3667;
longitude[2]=-2.0167;
longitude[3]=-3.14910650;
/*le tableau trajet contient le d�part (trajet[0]), l'arriv�e (la derni�re valeur), ainsi
que tous les arrets du trajet.
*/
var lg=latitude.length;
var trajet = new Array();
for (i=0; i<=(lg-1); i++){
trajet[i] = new google.maps.LatLng(latitude[i], longitude[i]);
} ;
var instruction_tab = new Array();
instruction_tab[0] = "from:"+trajet[0];
for (i=1; i<=(lg-1); i++){
instruction_tab[i] = instruction_tab[i-1]+" to:"+trajet[i];
} ;
var instruction = instruction_tab[lg-1];
/* tableau des noms des passagers*/
var nom = new Array();
nom[0]="nom0";
nom[1]="nom1";
nom[2]="nom2";
/* tableau des pr�noms des passagers*/
var prenom = new Array();
prenom[0]="prenom1";
prenom[1]="prenom1";
prenom[2]="prenom1";
/*tableau des d�parts des passagers*/
var depart = new Array();
depart[0]=trajet[1];
depart[0]=trajet[0];
depart[0]=trajet[2];
/*tableau des arriv�es des passagers*/
var arrivee = new Array();
arrivee[0]=trajet[2];
arrivee[1]=trajet[2];
arrivee[2]=trajet[3];
/*info bulle
var marker = new google.maps.Marker({
position : trajet[0],
map : carteItineraire,
title : "Lille"
});
var contentMarker = 'Suspendisse quis magna dapibus orci porta varius sed sit amet purus. Ut eu justo dictum elit malesuada facilisis. Proin ipsum ligula, feugiat sed faucibus a, <a href="http://www.google.fr">google</a> sit amet mauris.'
var infoWindow = new google.maps.InfoWindow({
content :
contentMarker,
position : trajet[0]
});
google.maps.event.addListener(marker, 'click', function() {infoWindow.open(carteItineraire,marker); });
*/
/* Si le navigateur est compatible avec l'API de Google Maps ... */
if (google.maps.BrowserIsCompatible()) {
/* ... Cr�ation d'une nouvelle carte nomm�e "carteItineraire" qui s'affichera � l'int�rieur de la balise <div> ayant pour identifiant id="EmplacementCarteItineraire" ... */
carteItineraire= new google.maps.Map2(document.getElementById("EmplacementCarteItineraire"));
/* ... La carte nomm�e "carteItineraire" est centr�e sur la Latitude 47.341571, la Longitude 0.514233, avec un niveau de zoom �gal � 13 ... */
carteItineraire.setCenter(new google.maps.LatLng(47.341571,0.514233), 8);
/* ... Cr�ation d'un nouvel itin�raire nomm� "monItineraire" ... */
/* ... Le r�sultat s'affichera sous forme de carte dans la carte nomm�e "carteItineraire" ... */
/* ... On ne souhaite pas utiliser le r�sultat sous forme textuelle, on indique donc "null" ... */
monItineraire= new google.maps.Directions(carteItineraire, null);
/* ... Envoi la requ�te aux serveurs de Google afin d'�tablir un itin�raire ... */
/* ... entre Tours et Paris. Si la requ�te aboutit, l'itin�raire ... */
/* ... s'affichera sous forme de carte uniquement. ... */
monItineraire.load(instruction);
/* Si le navigateur n'est pas compatible avec l'API de Google Maps ... */
}else{
/* ... affichage du message "D�sol�, mais votre navigateur n'est pas compatible avec Google Maps". */
alert('D�sol�, mais votre navigateur n\'est pas compatible avec Google Maps');
}
}
/* Appelle la fonction "initialize" lorsque la page web sera charg�e */
google.setOnLoadCallback(initialize);
//]]>
</script>
</head>
<body>
<!-- La carte nomm�e "carteItineraire", va venir s'afficher � l' int�rieur de -->
<!-- la balise <div> ayant pour identifiant id="EmplacementCarteItineraire". -->
<!-- Elle fera donc 100% de large et 400 pixels de haut. -->
<div id="blocnews"style="float:right;width:650px;height:800px;background-color:#d9edff ;"><center>
Departs et arrets des differents passagers<br>tableau des departs/arrets <br><br><br><br>
<TABLE BORDER="1">
<TR>
<TH> nom</TH>
<TH> Prenom </TH>
<TH> Depart(s) </TH>
<TH> Arret(s) </TH>
</TR>
<TR>
<TD> valeur b2</TD>
<TD> Valeur B3 </TD>
<TD> Valeur B3 </TD>
<TD> Valeur B3 </TD>
</TR>
</TABLE>
<center></div>
<div id="EmplacementCarteItineraire" style="float:right;width:60%; height:800px;"> </div>
</body>
</html> |
script ne fonctionnant pas sur le serveur
langage connus : xhtml/css , ASP.NET/VB.NET , JS, JQuery , PHP , SQL, PL/SQL, JAVA,
Répondre avec citation
Partager