géocoder une adresse postale

**nebil** · 13/11/2011, 21h01

Bonjour,
J'ai besoin d'un peu d'aide, je suis vraiment pas fort en javascript.

Afin d’éviter d’encombrer mon post, je colle le lien de la page qui contient le code que je souhaite pour mon opération.
code pour géocoder une adresse postale

J'ai besoin d'une maps avec un alternat via un bouton entre la carte et le street view, le soucis c'est que j'ai bien trouver le code mais avec pour source une "lat" et une "long" et non pas avec une adresse postale.
Donc il me faut d'abbord géocoder mon adresse postale.
( au passage si quelqu'un a une maps qui présente un carte avec un bouton pour passer a street view et tout cela avec des données postales et non pas une "lat et une long" je suis preneur.

Le code présenté plus haut réclame que l'on entre dans un champ l'adresse postale puis que l'on click sur le bouton geocoder pour créer les "lat" et "long".

Je souhaiterais que cette opération se fasse automatiquement.
J'ai bien essayer avec une load au chargement mais cela ne fonctionne pas.

Quelqu'un a t-il une piste ?
je compte poster l'adresse via un formulaire php.
c'est cette adresse qui devras être geocoder automatiquement au chargement de la page.

**HadanMarv** · 14/11/2011, 15h35

Salut,

Je ne comprends pas bien ton problème.
Tu veux que quoi se fasse automatiquement et quand ?

**NoSmoking** · 14/11/2011, 20h19

Bonsoir,

c'est que j'ai bien trouver le code mais avec pour source une "lat" et une "long" et non pas avec une adresse postale.

tu peux mettre une adresse à la place de la latLng voir Geocode

Je souhaiterais que cette opération se fasse automatiquement.
J'ai bien essayer avec une load au chargement mais cela ne fonctionne pas.

montres nous ce que tu as fait et on verra ce que l'on peut faire.

**nebil** · 15/11/2011, 09h30

Bonjour,

Merci pour vos réponses, je vais tenter d’être le plus simple possible.
Voici le code que j'ai dans ma page sauf qu'au lieu de fonctionner avec une adresse postale il fonctionne avec une "LAT" et une "LONG".

moi j'arrive d'une page précédente a n'ayant en php une adresse postale pour ma carte.
et je ne sais pas comment modifier le code pour que ma Maps fonctionne avec une adresses postale au lieu de ces foutus lon et lat.

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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
 
<html>
<head>
 
 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language=fr"></script> 
<script type="text/javascript" src="http://gmap3.touraineverte.com/js/gmap3/gmap3.min.js"></script>
 
 
</head>
<body>
 
 
 
<script type="text/javascript">$(function(){
/* Déclaration des variables globales */ 
var geocoder = new google.maps.Geocoder();
var addr, latitude, longitude;
 
/* Fonction chargée de géolocaliser l'adresse */ 
function geolocalise(){
/* Récupération du champ "adresse" */ 
addr = document.getElementById('adresse').value;
/* Tentative de géocodage */ 
geocoder.geocode( { 'address': addr}, function(results, status) {
/* Si géolocalisation réussie */ 
if (status == google.maps.GeocoderStatus.OK) {
/* Récupération des coordonnées */ 
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
/* Insertion des coordonnées dans les input text */ 
document.getElementById('lat').value = latitude;
document.getElementById('lng').value = longitude;
/* Appel AJAX pour insertion en BDD */ 
var sendAjax = $.ajax({
type: "POST",
url: 'insert-in-bdd.php',
data: 'lat='+latitude+'&lng='+longitude+'&adr='+addr,
success: handleResponse
});
}
function handleResponse(){
$('#answer').get(0).innerHTML = sendAjax.responseText;
}
});
}
 
 
 
 
 
 
$('#maCarteDeux').gmap3(
{
action:'init',
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false,
center: [48.839648,2.301490]
 
 
}
);
 
$('#bouton-alterner').click(function(){
$('#maCarteDeux').gmap3(
{
action:'getStreetView',
callback:function(panorama){
var visible = panorama.getVisible();
if (visible) {
panorama.setVisible(false);
} else {
var map = $(this).gmap3('get');
panorama.setPosition(map.getCenter());
panorama.setPov({
heading: 265,
zoom:1,
pitch:0
});
panorama.setVisible(true);
}
}
}
);
});
});
 
$('#maCarte').gmap3(
{
action: 'addMarker',
address: "place de l'étoile, paris",
map:{
center: true,
zoom: 14
},
marker:{
options:{
draggable: true
}
},
infowindow:{
options:{
content: 'Hello World !'
}
}
}
);
 
 
</script>
 
 
<br><br>
 
 
<input type="button" id="bouton-alterner" value="Alterner : Carte <-> StreetView" />
<div id="maCarteDeux" style="width:800px; height:500px;"></div>
 
</body>
</html>

**NoSmoking** · 15/11/2011, 20h11

Diantre quel code
- c'est bien de créer des fonctions encore faut-il les utiliser si l'on veut que cela se fasse en automatique, je parle de geolocalise

-lorsque l'on utilise jQuery autant le faire jusqu'au bout

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  addr = document.getElementById('adresse').value;
...
  document.getElementById('lat').value = latitude;
  document.getElementById('lng').value = longitude;

devrait être au moins

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var addr = $("#adresse").val();
$("#lat").val( latitude);
$("#lng").val( longitude);

qui présente en plus l'avantage de ne pas faire planter le script lorsque éléments n'existent pas comme c'est ton cas

- il faut lire la documentation, et essayer de la comprendre pour arriver à un code minimaliste

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
  $('#maCarteDeux').gmap3({  
    action: 'addMarker',
    address: 'Bordeaux, FRANCE',
    map:{
      center: true,
      zoom: 14,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }  
  });

mais pas s^r que cela ceux que tu cherches.

**nebil** · 15/11/2011, 22h08

Merci pour la réponse mais je ne suis pas l'auteur de ce code , j'ai honteusement pompé ce dernier sur un site.

j'ai une page A qui contient une adresse postale
via un formulaire je passer cette adresse a la page qui contient la maps.
Il me faut donc afficher l'adresse sur la carte sans passe par un champ ni un bouton.

le code que j'ai coller au dessus contient bien une maps avec un bouton pour alterner sur un street view mais il n'affiche que les adresses entré dans un champ puis après un click pour faire tourner le script afin que l'adresse s'affiche sur la carte.

moi ce dont j'ai besoin c'est de passer mon adresse a la page qui contient la maps et que cette dernière affiche automatiquement l'endroit.

géocoder une adresse postale [Google Maps]

APIs Google

Vue hybride

Discussions similaires

Partager

Partager