Partage
  • Partager sur Facebook
  • Partager sur Twitter

API geocode google

Insérer dans une input les longitude et latitude

    10 janvier 2018 à 11:55:08

    bonjour,

    voici mon soucis:

    je cherche avec la fonction geocoder de décoder une adresse puis inséré dans une input caché la value longitude et la value latitude dans une autre.

    voici le code js:

    function getLatLong(address){
      var geocoder = new google.maps.Geocoder();
    
      // next line creates asynchronous request
      geocoder.geocode( { 'address': address}, function(results, status) {
        // and this is function which processes response
        if (status == google.maps.GeocoderStatus.OK) {
          var lat = results[0].geometry.location.lat()+"";
          lat=lat.replace('(', '');
          lat=lat.replace(')', '');
          alert("lat: "+lat);
          var long = results[0].geometry.location.long()+"";
          long=long.replace('(', '');
          long=long.replace(')', '');
          alert("long: "+long);
          switch (document.getElementById('membre').value) {
            case '1':
            var form = document.getElementById('apiculteur');
              break;
    
            case '2':
            var form = document.getElementById('professionnel');
              break;
    
            case '3':
            var form = document.getElementById('service');
              break;
          }
          var in_long = form.getElementById('longitude');
          in_long.setAttribute("value", long);
    
          var in_lat = form.getElementById('latitude');
          in_long.setAttribute("value", lat);
    
          alert(form.getElementById('longitude').value + form.getElementById('latitude').value);
        } else {
          alert("Geocode was not successful for the following reason: " + status);
        }
      });

    l'intéret est de les mettres dans un formulaire pour les envoyer en post et les récupérer et inscrire en bd avec les information du formulaire nom prenom adresse numéro de téléphone

    pour supplément je fourni le code html au cas ou:

              <form method="POST" action="index.php"  id="apiculteur" style="display:block;" onsubmit="return validation(this)">
                <br/>
                <input type="number" value="1" name="member" style="display:none"/>
                <span style="color: red;">Tout les champs marqués d'un astérisque (*) sont obligatoire pour effectuer l'inscription</span>
                <br/>
                <ul>
                  <li>
                    <input value="0011" type="text" name="a_numAdherent" id="a_numAdherent" class="field-style field-full align-none" placeholder="Numéro d'adérent">
                  </li>
                  <li>
                    <input required type="text" name="a_nom" id="a_nom" class="field-style field-split align-left" placeholder="Nom *" />
                    <input required type="text" name="a_prenom" id="a_prenom" class="field-style field-split align-right" placeholder="Prenom *" />
    
                  </li>
                  <li>
                    <input required type="text" name="a_adresse1" id="a_adresse1" class="field-style field-full align-none" placeholder="Adresse1 *"></input>
                  </li>
                  <li>
                    <input required type="text" name="a_ville1" id="a_ville1" class="field-style field-split align-left" placeholder="Ville1 *"></input>
                    <input required type="text" name="a_codepostal1" id="a_codepostal1" class="field-style field-split align-right" placeholder="Code Postal1 *"></input>
                  </li>
                  <li>
                    <input required type="tel" name="a_tel1" id="a_tel1" class="field-style field-split align-left" placeholder="Telephone1 *" />
                    <input type="tel" name="a_tel2" id="a_tel2" class="field-style field-split align-right" placeholder="Telephone2" />
                  </li>
                  <li>
                    <input type="email" name="a_email" id="a_email" class="field-style field-full align-none" placeholder="Email" />
                  </li>
                  <li>
                    <input required type="password" name="a_mdp" id="mdp" class="field-style field-split align-left" minlength="6" placeholder="Mot de passe *" />
                    <input required type="password" name="a_mdpcheck" id="mdpcheck" class="field-style field-split align-right" minlength="6" placeholder="Verification Mot de passe *" />
                  </li>
                  <li>
                    <label for="secteur">Secteur de collecte autour du domicile:</label>
                    <br/>
                    <input checked type="radio" name="a_secteur" id="a_secteur" class="field-style" value="5">5 km
                    <input type="radio" name="a_secteur" id="a_secteur" class="field-style" value="15">15 km
                    <input type="radio" name="a_secteur" id="a_secteur" class="field-style" value="30">30 km
                    <input type="radio" name="a_secteur" id="a_secteur" class="field-style" value="departement">Département
                  </li>
                <li>
                  <label for="a_dispo">Périodes de disponibilité:</label>
                  <br/>
                  <input checked type="checkbox" name="a_dispo" id="a_dispo" class="field-style" value="lundiauvendredi">Du Lundi au Vendredi
                  <input type="checkbox" name="a_dispo" id="a_dispo" class="field-style" value="samedidimanche">Samedi et Dimanche
                  <input type="checkbox" name="a_dispo" id="a_dispo" class="field-style" value="joursféries">Jours fériés
                  <input type="checkbox" name="a_dispo" id="a_dispo" class="field-style" value="8h17h">8h - 17h
                  <input type="checkbox" name="a_dispo" id="a_dispo" class="field-style" value="apartirde17h">A partir de 17h
                </li>
                <li>
                  <label for="a_indispo">Périodes d'indisponibilité prolongée</label>
                  <textarea  type="text" name="a_indisponibilite" id="a_indisponibilite" class="field-style" placeholder="Ne mentionnez que les absences de + de 3 jours"></textarea>
                </li>
                <li>
                  <label for="a_experience">Niveau d'expérience en récupération d'essaims:</label>
                  <br/>
                  <input checked type="radio" name="a_experience" id="a_experience" class="field-style" value="Débutant"></input>Débutant
                  <input type="radio" name="a_experience" id="a_experience" value="Occasionnel"></input>Occasionnel
                  <input type="radio" name="a_experience" id="a_experience" value="Confirmé"></input>Confirmé
                </li>
    
                <li>
                  <label for="a_hauteur">Equipement pour récupération à +2,5m de haut:</label>
                  <br/>
                  <input  type="radio" name="a_hauteur" id="a_hauteur" class="field-style" value="Oui"></input>Equipé
                  <input checked type="radio" name="a_hauteur" id="a_hauteur" value="Non"></input>Non Equipé
                </li>
                <li>
                  <label for="a_cheminee">J'interviens dans les cheminées:</label>
                  <br/>
                  <input  type="radio" name="a_cheminee" id="a_cheminee" class="field-style" value="Oui"></input>Oui
                  <input checked type="radio" name="a_cheminee" id="a_cheminee" value="Non"></input>Non
                </li>
                <li>
                <input type="submit" value="Inscription" /> <input type="reset" value="Annuler"/>
                </li>
                <li>
                  <input type="texte" value="" name="latitude" /> <input type="texte" value="" name="longitude" />
                </li>
                </ul>
              </form>




    • Partager sur Facebook
    • Partager sur Twitter

    API geocode google

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown