hi i'm tryong to create a dynamic map but taht dones'nt match
my code is
<html xmlns="http://www.w3.org/1999/xhtml";>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php
require_once('connections/php.php');
mysql_select_db($database_apartmentparis, $apartmentparis);
$query_liste = "SELECT locations.Id, locations.Nom FROM locations";
$liste = mysql_query($query_liste, $apartmentparis) or die(mysql_error
());
$row_liste = mysql_fetch_assoc($liste);
$totalRows_liste = mysql_num_rows($liste);
if ($_GET['ref_homeaway'] <> "")
{
$colname_modele = "1";
if (isset($_GET['ref_homeaway'])) {
$colname_modele = (get_magic_quotes_gpc()) ? $_GET['ref_homeaway'] :
addslashes($_GET['ref_homeaway']);
}
mysql_select_db($database_apartmentparis, $apartmentparis);
$query_modele = sprintf("SELECT * FROM locations, locationsfr WHERE
locations.ref_homeaway = '%s' and locationsfr.Id = locations.id",
$colname_modele);
$modele = mysql_query($query_modele, $apartmentparis) or die
(mysql_error());
$row_modele = mysql_fetch_assoc($modele);
$totalRows_modele = mysql_num_rows($modele);
}
else
{
$colname_modele = "1";
if (isset($_GET['Id'])) {
$colname_modele = (get_magic_quotes_gpc()) ? $_GET['Id'] : addslashes
($_GET['Id']);
}
mysql_select_db($database_apartmentparis, $apartmentparis);
$query_modele = sprintf("SELECT * FROM locations, locationsfr WHERE
locations.Id = '%s' and locationsfr.Id = locations.Id",
$colname_modele);
$modele = mysql_query($query_modele, $apartmentparis) or die
(mysql_error());
$row_modele = mysql_fetch_assoc($modele);
$totalRows_modele = mysql_num_rows($modele);
}
?>
<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>carte apartmentparis</title>
<!-- Chargement du script Google AJAX APIs en précisant votre clé -->
<script src="http://maps.google.com/maps?
file=api&v=2&key=ABQIAAAAXroM7e24PtgpcucPhKwWmhQrp8EOOjr5HXuf7Ycc8-
DHqp5saBQEnx6iSdz44w6Y5riFVm7F_V0Epw"></script>
<script type="text/javascript">
//<![CDATA[
/* Déclaration des variables globales. Les variables déclarées au
début du script, avant toute fonction, seront globales. Elles peuvent
être utilisées n'importe où dans le script. */
/* Déclaration explicite de la variable "contenuListe" : Elle ne
contient aucune donnée */
var contenuListe = "";
/* Déclaration explicite du tableau "tableauTypes" : Il est vide au
départ */
var tableauId = [];
/* Déclaration explicite du tableau "tableauPoints" : Il est vide au
départ */
var tableauPoints = [];
/* Déclaration explicite du tableau "tableauNoms" : Il est vide au
départ */
var tableauNoms = [];
/* Déclaration explicite du tableau "tableauAdresses" : Il est vide au
départ */
//var tableauAdresses = [];
/* Déclaration explicite du tableau "tableauCodePostaux" : Il est vide
au départ */
var tableaupersons = [];
/* Déclaration explicite du tableau "tableauVilles" : Il est vide au
départ */
var tableauVilles = [];
/* Déclaration explicite du tableau "tableauCoordonnees" : Il est vide
au départ */
//var tableauCoordonnees = [];
/* Déclaration explicite de la variable "maCarte" */
var maCarte;
/* Déclaration explicite de la variable "i" égale à 0 */
var i = 0;
/* Création d'un variable aléatoire "trompeCacheIE" afin de tromper le
cache d'IE et forcer ainsi le chargement du fichier .xml*/
var hasard = new Date();
var trompeCacheIE = hasard.getMilliseconds();
/* Déclaration explicite de la variable "urlData" : Elle contient le
chemin et le nom du fichier contenant les données des sociétés,
nécessaire à la construction de la carte. */
/* Attention : Si vous recopiez ces exemples, assurez-vous que votre
fichier principal et le fichier data.xml sont sur le même serveur.
Dans le cas contraire, cela ne fonctionnera pas, et votre liste
restera désespérément vierge. */
var urlData = "results.xml";
/* Fonction initialize() */
function initialize() {
/* Si le navigateur est compatible avec l'API de Google Maps ... */
if (GBrowserIsCompatible()) {
/* ... Création d'une nouvelle carte nommée "maCarte" qui s'affichera
à l'intérieur de la balise <div> ayant pour identifiant
id="EmplacementDeMaCarte" ... */
maCarte = new GMap2(document.getElementById
("EmplacementDeCarteGlobale"));
maCarte.addControl(new GSmallMapControl());
maCarte.addControl(new GMenuMapTypeControl());
/* ... La carte nommée "maCarte" est centrée sur le point ayant pour
Latitude 47.391174 et Longitude 0.722265, avec un niveau de zoom égal
à 9. */
maCarte.setCenter(new GLatLng(<?php echo $row_modele['latitude']; ?>,
<?php echo $row_modele['longitude']; ?>), 16);
/* Création d'une nouvelle instance de l'objet XmlHttpRequest à la
sauce Google nommé "requeteHTTP" (en gros on prépare une requète
XmlHttpRequest et on l'appelle "requetteHTTP") */
var requeteHTTP = GXmlHttp.create();
/* On spécifie pour la requete nommée "requeteHTTP" : */
/* Le type de requête : "GET" */
/* Le chemin/fichier ciblé : urlData */
/* Le mode de transmission de la requête : true = asynchrone */
requeteHTTP.open("GET", urlData + "?" + trompeCacheIE, true);
/* A l'aide de "onreadystatechange" on vérifie le changement d'état de
la requête nommée "requeteHTTP" */
requeteHTTP.onreadystatechange = function() {
/* Si le code d'état passe à 4 qui signifie "prêt" : la requête a été
exécutée avec succès et les données correctement transmises */
if (requeteHTTP.readyState == 4) {
/* "xmlDoc" contient les données, sous la forme d'un fichier ".xml",
chargées depuis la requête nommée "requeteHTTP" */
/* Autrement dit, "xmlDoc" contient les données fournies par
http://www.touraineverte.com/Google-Maps/data.xml */
var xmlDoc = requeteHTTP.responseXML;
/* Déclaration explicite de "markers" qui contient, sous la forme d'un
tableau, */
/* les informations, limitées aux seules balises "marker", extraites
*/
/* de "http://www.touraineverte.com/Google-Maps/data.xml";. */
/* La variable "markers" a une portée limitée à cette seule fonction,
*/
/* c'est-à-dire qu'elle n'est pas nutilisable ailleurs */
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
/* Ajout à la variable "contenuListe" la balise <ul> */
contenuListe += '<ul>';
/* On va faire une boucle sur "markers" pour en extraire les
différentes données */
/* markers.length permet de connaître le nombre de balises <marker>
contenues dans "http://www.touraineverte.com/Google-Maps/data.xml"; */
for (var x = 0; x < markers.length; x++) {
/* Création de la variable "latitude" qui prend la valeur de
l'attribut "lat" contenu dans la balise <marker> numéro "x" contenue
dans "http://www.touraineverte.com/Google-Maps/data.xml"; */
var latitude = parseFloat(markers[i].getAttribute("lat"));
/* Création de la variable "longitude" qui prend la valeur de
l'attribut "lng" contenu dans la balise <marker> numéro "x" contenue
dans "http://www.touraineverte.com/Google-Maps/data.xml"; */
var longitude = parseFloat(markers[i].getAttribute("lng"));
/* Création de la variable "point" qui correspond au point ayant pour
coodonnées GPS "latitude" et "longitude" */
var point = new GLatLng(latitude,longitude);
/* Création de la variable "type" qui prend la valeur de l'attribut
"type" contenu dans la balise <marker> numéro "x" contenue dans
"http://www.touraineverte.com/Google-Maps/data.xml"; */
var id = markers[i].getAttribute("id");
/* Création de la variable "nom" qui prend la valeur de l'attribut
"nom" contenu dans la balise <marker> numéro "x" contenue dans "http://
www.touraineverte.com/Google-Maps/data.xml" */
var nom = markers[i].getAttribute("info");
//var adresse = markers[i].getAttribute("adresse");
var type = markers[i].getAttribute("type");
var ville = markers[i].getAttribute("ville");
* /* Création de la variable "marqueur" par appelle de la fonction
"CreationInfoBulle" en lui transmettant les variables "point" "nom" et
"type" */
var marker = CreationInfoBulle(point,latitude,longitude,nom,type,
ville,id);
}
/* Ajout à la variable "contenuListe" la balise </ul> */
contenuListe += '</ul>';
/* Affiche dans la balise ayant pour identifiant
id="EmplacementDeLaListe" le code html contenu dans la variable nommée
"contenuListe" */
document.getElementById("EmplacementDeLaListe").innerHTML =
contenuListe;
}
}
/* Effectue la requête nommée "requeteHTTP" */
requeteHTTP.send(null);
/* 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');
}
}
/* fonction CreationInfoBulle
(point,latitude,longitude,nom,adresse,codepostal,ville,type) */
/* Elle permet l'insertion des différentes informations dans les
différents tableaux en */
/* fonction de l'indice "i", ainsi que la construction de la liste des
sociétés = "contenuListe" */
function CreationInfoBulle(point,latitude,longitude,nom,type,
ville,id) {
/* Les "latitude" et "longitude" sont placées dans le tableau nommé
"tableauCoordonnees" à l'indice "i" */
tableauCoordonnees[i] = latitude + ", " + longitude;
/* Les "latitude" et "longitude" sont placées dans le tableau nommé
"tableauPoints" à l'indice "i" */
tableauPoints[i] = point;
/* Le "nom" de la société est placé dans le tableau nommé
"tableauNoms" à l'indice "i" */
tableauNoms[i] = nom;
/* L' "adresse" de la société est placée dans le tableau nommé
"tableauAdresses" à l'indice "i" */
// tableauAdresses[i] = adresse;
/* Le "codepostal de la société est placé dans le tableau nommé
"tableauCodePostaux" à l'indice "i" */
tableauPersons[i] = capacité;
/* La "ville" de la société est placée dans le tableau nommé
"tableauVilles" à l'indice "i" */
tableauVilles[i] = ville;
/* Le "type" de la société est placé dans le tableau nommé
"tableauTypes" à l'indice "i" */
tableauTypes[i] = id;
/* On ajoute le lien javascript vers la société dans "contenuListe"
*/
contenuListe += '<li><a href="apart3.php?Id=">' + id + '</a></li>';
/* Incrémente "i" */
i++;
}
/* fonction actionClickLien(i) : Cette fonction permet l'ouverture de
l'info-bule, correspondant au lien cliqué contenu dans la liste de
droite, grâce à son indice "i" */
function actionClickLien(i) {
/* Création de la variable "contenuInfoBulle" en fonction de l'indice
"i" transmis à la fonction "actionClickLien(i)". */
contenuInfoBulle = "
<br /><b>appartement</b> : "+tableauNoms[i]
// +"<br /><b>Adresse</b> : "+tableauAdresses[i]
+"<br /><b>Capacité</b> : "+tableauPersons[i]
+"<br /><b>Ville</b> : "+tableauVilles[i];
// +"<br /><b>Société</b> : "+tableauNoms[i]
// +"<br /><b>Coordonnées GPS</b> : "+tableauCoordonnees[i];
/* Ouvre une info-bulle sur la carte nommée "maCarte" dont le contenu,
au format HTML, est egal à "contenuInfoBulle" */
/* L'info-bulle sera ancrée sur le point situé à l'indice "i" dans le
tableau nommé "tableauPoints" */
maCarte.openInfoWindowHtml(tableauPoints[i], contenuInfoBulle);
}
//]]>
</script>
<style type="text/css">
<!--
.EncadrementDeMaCarte {
position:relative;
margin: 1.5em 0 0 5px;
background-color:#ccc;
border:1px solid #ccc;
width:720px;
height:370px;
z-index:1;
}
#Container {
position:relative;
border: 1px solid #000;
width:720px;
height:370px;
margin:-5px 5px 5px -5px;
z-index:2;
}
#EmplacementDeCarteGlobale {
float: left;
width: 470px;
height: 370px;
border: none;
}
#EmplacementDeLaListe {
overflow: auto;
float: right;
width: 250px;
height: 370px;
border: none;
background-color: #fff;
}
#EmplacementDeLaListe a{text-decoration:none;}
-->
</style>
</head>
<!-- Une fois la page chargée la fonction initialize() est exécutée. --
>
<!-- A la fermeture de la page , la fonction GUnload() est exécutée. --
>
<body onLoad="initialize()" onUnload="GUnload()">
<div class="EncadrementDeMaCarte">
<!-- la balise <div> ayant pour identifiant id = "container" -->
<!-- contient la carte et la liste des sociétés placées côte à côte --
>
<div id="container">
<!-- La carte nommée "maCarte", va venir s'afficher à l' intérieur de
-->
<!-- la balise <div> ayant pour identifiant
id="EmplacementDeCarteGlobale". -->
<div id="EmplacementDeCarteGlobale"></div>
<!-- La liste des sociétés va venir s'afficher à l' intérieur de -->
<!-- la balise <div> ayant pour identifiant id="EmplacementDeLaListe".
-->
<div id="EmplacementDeLaListe"></div>
</div>
</div>
</body>
</html>
my xml is on www.apartmentparis.fr/result.xml
can someone help me ?
thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
