Tutoriel vidéo – Google Map API et base de donnée

Grâce à la Google Map API et une base de donnée, nous pouvons afficher des points sur une carte.
Le tutoriel est en deux temps : l’affichage d’une Google Map dans un fichier PHP, puis l’affichage des markers sur la map à partir de la BDD SQL

Pour l’affichage des markers, on créé un document XML à partir de la base. Et on parse ce fichier XML pour que les points s’affichent sur la google maps.

Voici le tutoriel :

Profitez-en bien !

Commentaires

9 réponses à “Tutoriel vidéo – Google Map API et base de donnée”

  1. Avatar de JLuc69

    Salut Guillaume,
    J’essaie de mettre en place ta carte sur mon site, mais je n’y arrive pas.
    Il doit y avoir une bricole dans chemins ou dans l’incorporation de script.js que je n’arrive pas à appréhender.
    Pourrais tu me contacter par mail pour me donner 2 ou 3 suggestions ?
    Mon principe : j’ai le fichier index.php qui inclut la page demandée, donc ici ce serait la page que tu appelles index.php dans ton tuto et que j’ai appeler geo.php.
    Bien sûr, dans ce fichier je n’ai pas d’entête :/

    1. Avatar de guillaume

      Bonjour,

      Je vais t’envoyer un mail pour voir comment régler ton problème.

      Cordialement.

  2. Avatar de Othmane
    Othmane

    Bonjour , Merci infiniment pour l’explication je vous contactent j’ai un petit problème d’accès a l’administration (mot de passe manquant)

    1. Avatar de guillaume

      Bonjour,

      Le mot de passe pour le login « admin » est admin.

      Cordialement.

  3. Avatar de Lellouche
    Lellouche

    Bonjour
    Le lien de la vidéo n’existe plus ?
    Cordialement

    1. Avatar de guillaume

      Je viens de remettre la vidéo en place.
      Merci de m’avoir prévenu de ce problème.

  4. Avatar de mat
    mat

    hello merci pour tout j’ai juste un petit souci avec la map google… elle m’affiche for develloppment only en filigrane… un moyen de remédier à cela ? clé api ? quel fichier dois je remettre à jour ?

    merci !

    1. Avatar de guillaume

      Pour ton problème, j’ai vu ceci :
      https://www.journaldunet.fr/web-tech/developpement/1440900-que-faire-si-google-maps-affiche-for-development-purposes-only/

      Je n’ai pas testé cette réponse, mais peut-être que cela répondra à tes attentes.

      1. Avatar de MAT
        MAT

        ou comment utiliser une map « gratuite » comme openstreetmap dans ton système ?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur la façon dont les données de vos commentaires sont traitées.