Magazine

Géolocalisation Google

Publié le 27 novembre 2008 par Clicfou

Voici un mini tutoriel concernant la mise en place d'une ou plusieurs cartes sur un site pour aider à localiser une multitudes d'infos (sites, membres, clients agences, écoles, mairies, ...).

Dans le cadre du développement d'un annuaire permettant de recenser les prestataires internet de Bretagne, je me suis penché sur les solutions simples pour localiser ces agences sur une carte. N'ayant pas des connaissances techniques me permettant de me lancer dans la programmation d'un script, je me suis basé sur Google maps.

Il sera par la suite nécessaire de créer un contenu dynamique mais pour l'instant, ça ira.

Comment faire ?

le plus simple est d'ouvrir un compte Google et de se rendre à l'adresse suivante : www.maps.google.fr

Cliquez sur mes cartes, puis sur créez une nouvelle carte. Donnez un nom à votre carte ainsi qu'une description. Vous avez la possibilité de la rendre privée. Un fois ces éléments renseignés, vous allez modifier cette carte afin d'y mettre vos marqueurs. A chaque marqueur correspond une position et une description, ici d'agence.

Mettez votre carte à la bonne échelle grâce à l'outil zoom (+ et -).

Google-maps-outils.jpg
Vous avez deux possibilités pour positionner un marqueur :

  • soit vous recherchez le nom et l'adresse de l'agence voulue dans la barre de tache (Google maps France), une fois la bonne agence sélectionnée, vous cliquez sur le marqueur et on vous propose d'importer ce point dans votre carte (Enregistrer dans Mes cartes) .
  • soit vous positionnez grâce à l'icône marqueur, la position sur la carte, on vous propose alors de renseigner l'info-bulle.

Vous avez la possibilité de modifier les informations contenues dans l'info-bulle qui s'affiche lorsque l'on clic sur le marqueur. Ce marqueur peut être modifié dans le mode modifié, après avoir ouvert une info-bulle (marqueur en haut à droite).

Vous renouveler cette opération le nombre de fois nécessaires, puis vous cliquez sur terminé. Vous pouvez alors cliquez sur lien en haut à droite de la carte puis copier le code html pour l'intégrer dans la page de votre site.

Cette méthode peut sembler archaïque pour quelqu'un qui sait développer des application mais elle a le mérite de permettre à un néophyte d'apporter un plus à son site internet.

Bonne localisation


Retour à La Une de Logo Paperblog

A propos de l’auteur


Clicfou 34 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossiers Paperblog