Carte google api avec centrage sur coorodonées

Signaler
-
bonjour

je souhaiterais modifier le script de google api que j'utilise depuis longtemps en intégrant le fait de centrer la carte sur les coordonnées géographiques issues d'une base de données.Je ne sais pas si je m'explique clairement.

la ligne que je souhaite modifier est la suivante pour y integrer $latitude=$donnees['latitude']; et
$longitude=$donnees['longitude']; ligne n°35 à la place des valeurs numériques


<!-- Chargement du script Google AJAX APIs en précisant votre clé -->
                    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAxHH1nUj5Mrf1GyZEpbpu4RRw8ZuJvOQC7dt5oAZIpr1oG8pQqxTS4dc4RfHFV71i38WDjvPfM9NfOA">
                    </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 contenuListe = "";
var tableauMarqueurs = [];
var tableauInfoBulle = [];
var i = 0;
var miniIconeVert = [];
 
var maCarte;
/* Déclaration explicite de la variable "urlXml" : Elle contient le chemin et le nom du fichier XML contenant les données des sociétés, nécessaire à la construction de la carte.   */
/* Il est impératif que le document qui execute ce code soit sur le même serveur que le fichier contenant les données (data.xml). */
/* Veuillez IMPÉRATIVEMENT modifier l'Url ci-dessous afin qu'elle pointe vers votre fichier data.xml */
var urlXml = "http://www.objetperdu.net/results.xml";
/* Fonction initialize() */
function initialize() {
/* Si le navigateur est compatible avec l'API de Google Maps ... */
if (google.maps.BrowserIsCompatible()) {
/* ... Paramétrage du mini icône vert nommé "miniIconeVert" ... */
    miniIconeVert = new google.maps.Icon();
    miniIconeVert.image = "http://www.objetperdu.net/images/detect.png";
    miniIconeVert.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
    miniIconeVert.iconSize = new google.maps.Size(12, 20);
    miniIconeVert.shadowSize = new google.maps.Size(22, 20);
    miniIconeVert.iconAnchor = new google.maps.Point(6, 20);
    miniIconeVert.infoWindowAnchor = new google.maps.Point(5, 1);
/* ... 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 google.maps.Map2(document.getElementById("EmplacementDeCarteGlobale"));
/* ... La carte nommée "maCarte" est centrée sur la Latitude 47.341571, la Longitude 0.514233, avec un niveau de zoom égal à 13 ... */
    maCarte.setCenter(new google.maps.LatLng(12,-3.956451), 10);
/* ... Ajout à la carte nommée "maCarte" du bouton "SmallMapControl" : Déplacement et Zoom ... */
    maCarte.addControl(new google.maps.SmallMapControl());
/* ... Ajout à la carte nommée "maCarte" du bouton "MenuMapTypeControl" : Menu Type de carte ... */
    maCarte.addControl(new google.maps.MenuMapTypeControl());
/* ... A l'aide de google.maps.XmlHttp on construit, puis on envoie une requête, de type GET, pour charger les données contenues dans ... */
/* ... "http://www.votreserveur.fr/votrerepertoire/data.xml" et récupérer les caractéristiques de ... */
/* ... chaque marqueur (lat, lng, point, type, nom) nécessaire à sa construction ... */
    var requete = google.maps.XmlHttp.create();
    requete.open("GET", urlXml, true);
/* ... Spécifie la fonction à appeler lorsque la propriété readyState varie ... */
    requete.onreadystatechange = function() {
/* ... Si l'état d'avancement de la requête est égal à 4 : autrement dit si la requête à parfaitement fonctionné, ... */
/* ... que les données ont été correctement téléchargées et  que celles-ci sont disponibles pour être exploitées ... */
        if (requete.readyState == 4) {
/* ... "xmlDoc" contient la réponse de la requête au format XML ... */
            var xmlDoc = requete.responseXML;
/* ... "marqueurs" : est un tableau contenant toutes les balises <marker /> du fichier "data.xml" ... */
            var marqueurs = xmlDoc.documentElement.getElementsByTagName("marker");
/* ... Construction de la liste de sociétés : Début ... */
            contenuListe += '<ol>';
/* ... On fait une boucle sur "marqueurs" pour extraire les caractéristiques de chaque marqueur ... */
/* ... et permettre l'affichage de ceux-ci sur la carte ainsi que la construction de la liste . ... */
            for (var i = 0; i < marqueurs.length; i++) {
/* ... lat : Latitude du marqueur ... */
                var lat = parseFloat(marqueurs[i].getAttribute("lat"));
/* ... lng : Longitude du marqueur ... */
                var lng = parseFloat(marqueurs[i].getAttribute("lng"));
/* ... point : point d'ancrage du marqueur, aux coordonnées "lat" et "lng" ... */
                var point = new GLatLng(lat,lng);
/* ... pseudo :  ... */
                var pseudo = marqueurs[i].getAttribute("pseudo");
/* ... fraisdeplace :  ... */
                var fraisdeplace = marqueurs[i].getAttribute("fraisdeplace");
/* ... messageaffiche : ... */
                var messageaffiche = marqueurs[i].getAttribute("messageaffiche");
/* ... mail : ... */
                var mail = marqueurs[i].getAttribute("mail");
/* ... type :  ... */
                var type = marqueurs[i].getAttribute("type");
/* ... dispo :  ... */
                var dispo = marqueurs[i].getAttribute("dispo");
/* ... rayon :  ... */
                var rayon = marqueurs[i].getAttribute("rayon");
/* ... Création du marqueur nommé "marqueur" par appel de la fonction "creationMarqueur()" ... */
/* ... en lui transmettant les données : lat, lng, etc... */
                 
                 
                var marqueur = creationMarqueur(point,pseudo,fraisdeplace,messageaffiche,mail,type,dispo,rayon);
 
 
/* ... Affiche sur la carte nommée "maCarte", le marqueur nommé "marqueur" ... */
                maCarte.addOverlay(marqueur);
            }
            contenuListe += '</ol>';
            document.getElementById("EmplacementDeLaListe").innerHTML = contenuListe;
        }
    }
    requete.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 creationMarqueur() */
function creationMarqueur(point,pseudo,fraisdeplace,messageaffiche,mail,type,dispo,rayon) {
/* ... Création d'un marqueur nommé marqueur" ancré sur "point" et représenté par l'icône nommé "miniIconeVert" ... */
    var marqueur = new google.maps.Marker(point,miniIconeVert);
/* ... contenuInfoBulle : construction du code HTML destiné à s'afficher dans l'info-bulle du marqueur ... */
    var contenuInfoBulle =   "<b>"
    + pseudo + "</b>" 
    + "<br />" + "frais de deplacement : "
    + fraisdeplace + "<br />"
    + "je suis disponible : "
    + dispo + "<br />"
    + "dans un rayon de "
    + rayon + "<br />"
    + "<a href='http://www.objetperdu.net/requete.php?pseudo=" + pseudo + "'>contactez moi</a>";
     
     
     
/* ... Ajout d'un observateur d'événement au marqueur nommé marqueur"    ... */
/* ... L'événement observé est le "click". Quant un "click" sera détecté ... */
/* ... sur le marqueur nommé "marqueur" alors ... */
    google.maps.Event.addListener(marqueur, "click", function() {
/* ... Ouverture de l'info-bulle liée au marqueur nommé "marqueur" et  ... */
/* ... affichage à l'intérieur de celle-ci du code HTML "contenuInfoBulle" ... */
        marqueur.openInfoWindowHtml(contenuInfoBulle);
    });
/* ... Insère le marqueur nommé "marqueur" dans le tableau nommé "tableauMarqueurs" à l'indice "i" ... */
    tableauMarqueurs[i] = marqueur;
/* ... Insère le code HTML "contenuInfoBulle" dans le tableau nommé "tableauInfoBulle" à l'indice "i" ... */
    tableauInfoBulle[i] = contenuInfoBulle;
/* ... Ajout à "contenuListe" du lien javascript correspondant à la société ... */
    contenuListe += '<li><a href="javascript:clickLien(' + i + ')">' + pseudo + '</a></li>';
/* ... Incrémente "i" ... */
    i++;
    return marqueur;
}
  
/* Fonction clickLien() */
function clickLien(i) {
/* ... Tout click sur le lien ayant pour indice "i", va déclencher l'ouverture de l'info-bulle ... */
/* ... liée au marqueur d'indice "i" contenu dans le tableau "tableauMarqueurs[i]" et afficher ... */
/* ... à l'intérieur de celle-ci, le code HTML d'indice "i" contenu dans le tableau tableauInfoBulle[i] ... */
    tableauMarqueurs[i].openInfoWindowHtml(tableauInfoBulle[i]);
}
  
/* Appelle la fonction "initialize" lorsque la page web sera chargée. */
google.setOnLoadCallback(initialize);
//]]>
                    </script>


Merci de votre aide