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