Discussion :

[costiflex]

Bonjour à tous,
je tente d’insérer un span dans un input. (depuis bien 1 semaine ^^)
je m'explique :
à partir d'un Script, je récupère les valeurs des coordonnées d'une adresse.
j'arrive à récupérer, lorsque je clique sur le bouton "localiser", ces coordonnées (latitude et longitude) dans mon HTML via des "span"
Cependant, je voudrais récupérer ces valeurs dans un "input"
J'ai tenté de jouer avec la "valeur" de l' "input" mais sans succès...
Avez vous des idées ?
Voici une partie de mon formulaire

Code html :

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
    <tr>
                       <td>Adresse</td>
                       <td>   <input type="text" name="adresse_principale" id="searchTextField" <?php echo 'value ="'.$adresse_principale.'"'; ?> placeholder="adresse principale" /> </td>
 
                     </tr>
 
                      <tr>
                       <td>latitude</td>
                       <td>
                       <td> <input type="text" name="lat" id="lat"  value="<?php echo $lng ?>" /></td>
                       </td>
                      </tr>
 
                      <tr>
                       <td>longitude</td>
                       <td> <input type="text" name="lng" id="lng"  value="<?php echo $lng ?>" /></td>
                      </tr>
 
 
 
                   </tbody>
 
                 </table>
</div>
 
 
 
 <ul class="actions">
                       <li><input type="submit" value="Mettre à jour" class="special" /></li>
                        <input type="button"  value="Localiser sur Google Map" onclick="TrouverAdresse();"/>
                                           </ul>
 
           </form>

Voilà le script où je récupère 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
<script type="text/javascript">
var geocoder;
var map;
// initialisation de la carte Google Map de départ
function initialiserCarte() {
  geocoder = new google.maps.Geocoder();
  // Ici j'ai mis la latitude et longitude du vieux Port de Marseille pour centrer la carte de départ
  var latlng = new google.maps.LatLng(43.295309,5.374457);
  var mapOptions = {
    zoom      : 14,
    center    : latlng,
    mapTypeId : google.maps.MapTypeId.ROADMAP
  }
  // map-canvas est le conteneur HTML de la carte Google Map
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
 
function TrouverAdresse() {
  // Récupération de l'adresse tapée dans le formulaire
  var adresse = document.getElementById('searchTextField').value;
  geocoder.geocode( { 'address': adresse}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      // Récupération des coordonnées GPS du lieu tapé dans le formulaire
 
    latitude = results[0].geometry.location.lat();
    longitude = results[0].geometry.location.lng();
 
 
 
 
      // Affichage des coordonnées dans le <span>
      document.getElementById('lat').innerHTML=latitude;
      document.getElementById('lng').innerHTML=longitude;
 
 
 
      // Création du marqueur du lieu (épingle)
      var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location
      });
    } else {
      alert('Adresse introuvable: ' + status);
    }
  });
}
// Lancement de la construction de la carte google map
google.maps.event.addDomListener(window, 'load', initialiserCarte);
</script>

voilà ce que ça donne :





Merci pour votre aide !