géocoder une adresse postale

Version imprimable

13/11/2011, 20h01
nebil

géocoder une adresse postale

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.
14/11/2011, 14h35
HadanMarv

Salut,

Je ne comprends pas bien ton problème.
Tu veux que quoi se fasse automatiquement et quand ?
14/11/2011, 19h19
NoSmoking

Bonsoir,

Citation:

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

Citation:

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.

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:

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>

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:

1 2 3 4 addr = document.getElementById('adresse').value; ... document.getElementById('lat').value = latitude; document.getElementById('lng').value = longitude;
devrait être au moins
Code:

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:

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.

15/11/2011, 21h08
nebil

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.
16/11/2011, 22h36
NoSmoking

au lieu de lire un champ d'INPUT, il te suffit de lire les paramètres passés
:faq: Comment récupérer les paramètres passés dans une url ?
20/11/2011, 18h57
nebil
merci pour la réponse mais mon probleme ne vient pas de la difficulté de récupéré des données.

je vais être le plus simple du monde pour expliquer mon probleme.

j'ai dans une page en entête une adresse postale style

Code:

$adresse ='15 rue de la poupée qui tousse 75015 paris';

je cherche un script qui soit capable de m'afficher en bas de page le résultat géocoder.
Code:

1 2 echo "$lat"; echo "$lon";
23/11/2011, 20h23
NoSmoking

cela se précise ;), c'est du coté langage serveur qu'il te faut récupérer les données comme suit

Code:

$url = "http://maps.google.com/maps/geo?q=".$address."&output=csv"

avec
- q=adresse l'adresse encodée
- output=csv le format de sortie, json(par défaut si pas de spécification), kml, xml ou csv

essaies de mettre dans la barre d'adresse

Code:

http://maps.google.com/maps/geo?q=15%20rue%20de%20la%20poup%EF%BF%BDe%20qui%20tousse%2075015%20paris&output=xml

ensuite il te suffit de récupérer le contenu retourné et de le décodé fonction de ton besoin.

[edit]
je n'avais pas vu le tag Résolu !!!! dans ce cas il serait sympa de partager la solution.
24/11/2011, 12h07
nebil

c'est exactement votre solution.