La géolocalisation
Cette semaine fut consacrée à la géolocalisation sur le site seloger.com, depuis quelques mois quand vous faites une recherche d’un bien sur le site de seloger une cartographie des annonces ciblé sur votre recherche apparait. Actuellement l’objectif est de reprendre se système de géolocalisation mais pas pour les annonces, pour les agences. Et cette cartographie des agences sera intégrée sur la home de seloger. Cette carte se centre suivant 2 critères :
- Si c’est votre première visite la carte se centreras en fonction de votre adresse IP
- Et sinon la carte seras centrée en fonction de votre dernière recherche.
Alors avant de se lancer dans le code 1 lien à aller voir : le guide pour developer de google map, ( a garder dans ces marques pages
)
Puis se procurer une clé api pour google map.
Etant donnée que le but est de centrer la carte en fonction des données des utilisateurs et étant sur ID3x, il me faut tout d’abord créer un fichier XML , d’où je pourrais faire mes appel de macro et récupérer les informations nécessaire. Puis création de ma page HTML, où je crée seulement une <div> avec un ID=”map_canvas” et bien sur je fais l’appel de ma feuille de javascript. Je crée ensuite ma feuille de script.
Dans mon script, j’utilise du JavaScript (bien sur) avec JQuery et de l’ AJAX. L’ AJAX me permettra de récupérer les informations de mon XML ( attention à bien créer son XML sans erreurs, j’ai perdu une journée de travail en pensant que mon script était faux alors que j’avais tout simplement une petite erreur dans le XML).
Pour insérer une carte le code est assez simple et court :
<script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); map.setUIToDefault(); } } </script> Mais là une simple carte s'affiche. Pour obtenir une carte plus complexe suivant différentes informations le code est plus long et plus recherché. Pour l'instant après plusieurs jours de code j'en suis à environ 400 lignes de code et j'arrive à afficher la carte correctement en fonction des 2 critères, il me reste maintenant une semaine pour afficher les markers des agences, et stylisé tout ça. D'ici quelques semaines vous pourrez donc voir l'intégration de la cartographie des agences sur seloger.com



