Discussion :

[bastien27100]

Bonjour,
voici mon problème :
je souhaite récupérer les coordonnées(longitude,latitude) d'une adresse entré dans une textbox, j'ai donc utilisé google maps Geocoder, mais lorsque j’appelle la fonction elle ne "se lance pas", voici le code js :

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
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type = "text/javascript">
    function showAddress()
     {
        /* Récupération de l'adresse saisie */
         var address = document.getElementById('<%=txt_adresse.ClientID %>').value;
         var geocoder = new google.maps.Geocoder();
         /* Appel au service de geocodage */
         geocoder.geocode({ 'address': address }, function (results, status) 
         {
            /* Si l'adresse a pu être géolocalisée */
            if (status == google.maps.GeocoderStatus.OK) 
            {
                /* Récupération latitude et longitude */
                document.getElementById('<%=lat.ClientID %>').innerHTML = results[0].geometry.location.lat();
                document.getElementById('<%=lng.ClientID %>').innerHTML = results[0].geometry.location.lng();
            }
            else
                alert("erreur : " + status);
        });
    }
</script>

le code asp.net contenant les contrôles labels,bouton et textbox :

Code :

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

1
2
3
4
<asp:Label ID="lat" runat="server"></asp:Label>
    <asp:Label ID="lng" runat="server"></asp:Label>
    <asp:Button ID="bt_coord" runat="server" Text="Button" />
    <asp:TextBox ID="txt_adresse" runat="server"></asp:TextBox>

et le code vb.net qui appelle la fonction :

Code :

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

1
2
3
 Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
bt_coord.OnClientClick = "showAddress()"
End Sub

Le problème ne vient pas des getElementById car j'ai testé et je récupère bien le contenu du textbox dans mon label :

Code :

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

document.getElementById('<%=lat.ClientID %>').innerHTML = address

J'ai l'impression que le code n'entre pas dans le geocoder, j'ai placé un alert() en début de fonction qui à été lancé et un dans le geocoder qui n'a jamais été lancé, je ne c'est pas si cela vient d'un erreur ou s'il manque une référence ...
merci à vous.

[NoSmoking]

Bonsoir,
pas un spécialiste, loin s'en faut, de VB.NET mais la syntaxe me choque

Code :

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

bt_coord.OnClientClick = showAddress()

et pourquoi ne pas mettre directement dans la balise

Code asp :

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

<asp:Button ID="bt_coord" OnClientClick="showAddress()" runat="server" Text="Button" />

[bastien27100]

bonjour et merci pour ta réponse, il faut mettre des "" pour appeler la fonction coté vb.net, et le fait d'assigner la propriété coté asp.net ou coté vb.net ne change rien ... si tu à une autre idée je suis preneur, merci

[NoSmoking]

Observes peut être le code HTML généré, je ne vois pas d'erreur dans ta fonction showAddress.

[bastien27100]

j'ai réussi à obtenir les coordonnées d'une adresse grâce à l'événement load :

Code :

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

google.maps.event.addDomListener(window, 'load', showAddress);

mais je souhaite obtenir les coordonnées de l'adresse contenu dans ma textbox lors de l'événement click de mon bouton.
l'événement OnClientClick de mon bouton ne donné rien, je décide donc de procéder de la même façon en essayant ceci :

Code :

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

1
2
 
google.maps.event.addDomListener(document.getElementById('<%=bt_coord.ClientID %>').OnClientClick, 'click', showAddress);

mais sans résultat ... est-ce qu'il y a un moyen de récupérer les coordonnées de mon adresse lors du click sur mon bouton ?

Cette fonction ne gère peut être que des événements sur la carte ? je ne connais pas trop le javascript, je ne souhaite pas de carte je veux juste récupérer les coordonnées d'une adresse (même s'il y a une autre façon je suis preneur) entré dans une textbox afin de pouvoir les insérés dans une base de données .
merci

[NoSmoking]

la méthode google.maps.event.addDomListener attend en premier paramètre un objetDOM alors que tu lui passes un événement

Code :

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

google.maps.event.addDomListener(document.getElementById('<%=bt_coord.ClientID %>'), 'click', showAddress);

[bastien27100]

une nouvelle fois merci pour ta réponse mais malheureusement sa ne fonctionne toujours pas de cette façon :

Code :

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

google.maps.event.addDomListener(document.getElementById('<%=bt_coord.ClientID %>'), 'click', showAddress);

ou de celle-ci :

Code :

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

 google.maps.event.addDomListener(document.getElementById('bt_coord'), 'click', showAddress);

je n'arrive pas à trouver une façon de récupérer les coordonnées d'une ville lors de l'événement "click sur un bouton", sinon je vais essayé de récupérer les coordonnées d'une autre façon ...

[NoSmoking]

Une autre chose à regarder, c'est l'utilité de runat="server" dans la déclaration de ton bouton, javascript étant effectué coté client, je le virerais, mais bon je ne connais pas ASP!

[bastien27100]

C'est bon ça fonctionne, c'était juste à cause du postback ... je perdais les valeurs à chaque fois, j'ai fait un test avec un

Code :

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

<input type="button" onclick="showAddress()" />

et cela à fonctionné, j'ai ensuite mis mon bouton dans un update panel et ça fonctionne :

Code :

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

1
2
3
4
5
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
             <asp:Button ID="bt_coord" OnClientClick="showAddress()" runat="server" Text="geocoder" />
        </ContentTemplate>
</asp:UpdatePanel>

merci à toi pour ton aide