IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

APIs Google Discussion :

Utiliser Google Maps avec l'API de géolocalisation


Sujet :

APIs Google

  1. #1
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Janvier 2013
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2013
    Messages : 8
    Points : 2
    Points
    2
    Par défaut Utiliser Google Maps avec l'API de géolocalisation
    Bonjour,
    J'ai cherché sur le net mon bonheur mais je ne trouve pas exactement ce que je cherche :
    Je souhaiterais faire une géolocalisation avec coordonnées gps puis affichage de l'itinéraire à partir des coordonnées gps trouvées.

    Pour ce faire, j'ai un .js de ce type qui fonctionne (pour les coordonnées) :
    ----------------------------------------------

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    function callbackSuccess(position) {
      var posInfo = "Votre position a été déterminée avec succès ! <br />";
      posInfo += "Latitude : " + position.coords.latitude + "<br />";
      posInfo += "Longitude : " + position.coords.longitude + "<br />";
      posInfo += "Altitude : " + position.coords.altitude + "<br />";
      document.getElementById('position').innerHTML = posInfo;
     
      var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
     
      var gmapsOptions = {
        mapTypeControl: false,
        center: latlng,
        navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 10
      };
     
      var map = new google.maps.Map(document.getElementById('map'), gmapsOptions);
     
      var marker = new google.maps.Marker({
       position: latlng,
       map: map,
       title: "Vous êtes ici",
       icon:"images/pin.png"
      });
    }
     
    function callbackError(error) {
      var info = "Erreur lors de la géolocalisation : ";
      switch (error.code) {
        case error.TIMEOUT:
            info += "La durée de traitement est trop importante !";
          break;
        case error.PERMISSION_DENIED:
            info += "Vous n'avez pas donné la permission !";
          break;
        case error.POSITION_UNAVAILABLE:
            info += "La position n'a pu être déterminée !";
          break;
        case error.UNKNOWN_ERROR:
            info += "Une erreur inconnue a eu lieu !";
          break;
      }
      document.getElementById('position').innerHTML = info;
    }
     
    if (navigator.geolocation) {
     
      navigator.geolocation.getCurrentPosition(callbackSuccess, callbackError, {enableHighAccuracy: true, timeout: 960000, maximumAge: 120000});
     
    } else {
      alert("L'API de géolocalisation n'est pas disponible, il faudrait proposer une alternative !");
    }
    -----------------------------------------------------------

    Là où je n'arrive plus à avancer, c'est qu'après obtention des coordonnées gps, l'utilisateur doit pouvoir renseigner une adresse d'arrivée et que puisse s'afficher sur la map son itinéraire à partir des coordonnées gps de départ.
    pour le calcul de l'itinéraire mais rien ne se passe. Il me manque des infos dans le js.


    Par avance, merci pour votre aide !
    Reals10

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 089
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 089
    Points : 44 660
    Points
    44 660
    Par défaut
    Bonjour,
    regardes du coté de google.maps.DistanceMatrixService class

Discussions similaires

  1. Utilisation de Google Maps avec distance et durée de trajet
    Par PixelJuice dans le forum Contribuez
    Réponses: 1
    Dernier message: 22/11/2014, 09h37
  2. tracé d’itinéraire Api v3 google maps avec mysql
    Par roy2work dans le forum Débuter
    Réponses: 0
    Dernier message: 28/11/2013, 12h40
  3. Réponses: 0
    Dernier message: 14/12/2012, 14h10
  4. Utilisation Google Maps API
    Par athomas dans le forum Bibliothèques
    Réponses: 4
    Dernier message: 07/07/2009, 14h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo