Nous avons vu précédemment comment afficher une carte du type Google Map sur son site. Nous allons voir aujourd’hui comment interagir simplement avec l’API, en commençant par un simple zoom sur une adresse donnée.
Googlemap propose à travers son API libre d’intégrer toutes les fonctions de l’application à vos sites web. Je vais essayer à travers ce tutoriel de vous expliquer dans un premier temps comment mettre en place Googlemap sur votre site web, puis nous verrons comment gérer les interactions entre une base de données ( ici MySQL ) et l’API.
1. Création des fichiers necessaires
Voici la liste des fichiers qui seront nécessaires dans ce tutoriel :
Vous pouvez directement télécharger les sources ici.
Le premier tutoriel traitera de l’API Google maps ainsi que de l’enregistrement des informations relatives à la géolocalisation dans une base de données afin d’afficher plusieurs positions issus d’une BDD sur une même carte.
Sa première partie traitant de l’initialisation et de l’affichage de la carte sera disponible en début de soirée, le temps pour moi de rédiger une explication claire du code. Ce dernier à été réalisé lors de mon Projet BTS ou il m’a été demandé de réaliser un site pour une plateforme du reseau ATMO Lorraine Nord, organisme qui contrôle la qualité de l’air en Lorraine. Le visiteur devait via le site pouvoir déposer une plainte suite à la pollution et consulter la carte avec une visualisation des dernières plaintes.
Pour ce tutoriel, tous les styles ont été supprimés afin de simplifier le code au maximum.
En attendant, vous pouvez d’ores et déjà télécharger les sources complètes directement sur notre site.
Bienvenue sur 4live Créations, votre nouveau portail pour vos créations web.
Vous y retrouverez l’actualité des nouvelles technologies web, des tutoriels en PHP, CSS et XHTML ainsi que nos dernières créations.
Le site vient à peine d’être mis en ligne, je vais essayer d’ajouter du contenu dans les prochaines heures.
