Comment mettre la Géolocalisation google sur un Site

alain

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  1. alain

    alain

    Messages:
    16
    J'aime reçus:
    1
    Points:
    533
    Salut à tous , quelqu'un pourrait m'aider à trouver un solution de géolocalisation avec google Map API à partir des données renseignées depuis un formulaire d’inscription ,, merci d'avance les gars !!!

    j'attends votre aide les gars !!!
     
    Dernière édition par un modérateur: 22 Septembre 2016
    ●●●Outils
  2. ѕι∂яα∂ι

    ѕι∂яα∂ι Administrateur

    Messages:
    13 142
    J'aime reçus:
    67 385
    Points:
    8 543
    Sur la section <HEAD> ... </HEAD> tu dois ajouter : jQuery, Add Google Maps API et Mapper API.
    Voici le lien pour ipmapper.js : http://lab.abhinayrathore.com/ipmapper/ipmapper.js

    Voici un exemple :

    HTML:
    <?PHP
    
    function getUserIP()
    {
        $client  = @$_SERVER['HTTP_CLIENT_IP'];
        $forward = @$_SERVER['HTTP_X_FORWARDED_FOR'];
        $remote  = $_SERVER['REMOTE_ADDR'];
        if(filter_var($client, FILTER_VALIDATE_IP))
        {
            $ip = $client;
        } elseif(filter_var($forward, FILTER_VALIDATE_IP)) {
            $ip = $forward;
        } else {
            $ip = $remote;
        }
        return $ip;
    }
    $user_ip = getUserIP();
    ?>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>IP Address geocoding on Google Maps</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="ipmapper.js"></script>
      
        <script type="text/javascript">
        $(function(){
            try{
                IPMapper.initializeMap("map");
                IPMapper.addIPMarker("<?php echo $user_ip ?>");
            } catch(e){
                //handle error
            }
        });
        </script>
    </head>
    <body>
        <div id="map" style="height: 500px;"></div>
    </body>
    </html>
    Résultat :

    upload_2016-9-16_12-24-43.png

    Si tu souhaite le faire dans un espace membre, il faudra utiliser la fonction PHP : getUserIP() lors du login pour sauvegarder la dernière IP des membres, puis d'utiliser le même script plus haut, en récupérant l'adresse IP à partir de la base de données, et de mettre la nouvelle variable PHP ici :
    HTML:
    IPMapper.addIPMarker("<?php echo $user_ip ?>");
     
    ●●●Outils
  3. alain

    alain

    Messages:
    16
    J'aime reçus:
    1
    Points:
    533
    Salut merci bien pour la solution @Sidradi je vais mieux y jeter un coup d’œil et te faire un retour au plus vite cousin , encore une fois merci et surtout bonne soirée !!!

    Ok merci @LeyStardust je verrai bien aussi !!!

    Salut @Sidradi , je m'essaie sur le tuto comme prévus mais j'ai la carte qui ne s'affiche pas , j'ai essayé d'ajouter une clé API pour google map mais rien encore ne s'affiche , peut tu m'éclairer ??? Merci

    je pense que je dois avoir un souci avec ipmapper , je sais pas vraiment comment l'utiliser !!
     
    Dernière édition par un modérateur: 22 Septembre 2016
    ●●●Outils
  4. Lenaaaa

    Lenaaaa

    Messages:
    61
    J'aime reçus:
    3
    Points:
    558
    Merci pour le tutoriel c'est cool
     
    ●●●Outils