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.

Lire la suite de l’article

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 :

• index.php – Notre index, il contiendra les fonctions nécessaires et appellera les différentes pages.
• geolocalisation_javascript.php – Ce fichier contiendra les fonctions javascript pour le fonctionnement de l’API.
• geolocalisation.php – Notre carte.
• ajout.php – Cette page permettra l’ajout à la base de données de nouvelles adresses.
• mysql_connect.php – Notre fichier de connexion à la base de données MySQL.

Vous pouvez directement télécharger les sources ici.

Lire la suite de l’article

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.