Avatar billede eromaster Nybegynder
03. november 2011 - 15:13 Der er 1 løsning

jQuery autocomplete + Google Maps

Jeg er igang med at lave en søgefunktion til adresser. Har brugt følgende build til det:
http://gmap3.net/examples/address-lookup.html

Problemet er nu at det virker perfekt med en HTML input tekstboks, men ikke med en asp:textbox som er det jeg skal bruge.
Derudover vil jeg gerne have at asp:textbox'en returnerer koordinator istedet for blot adressen.

Kode:
<script type="text/javascript">
        $(function () {

            $("#MapsMap").gmap3();

            $('#MapsAddress').autocomplete({
                //This bit uses the geocoder to fetch address values
                source: function (request, response) {
                    $("#MapsMap").gmap3({
                        action: 'getAddress',
                        address: request.term,
                        callback: function (results) {
                            if (!results) return;
                            response($.map(results, function (item) {
                                return {
                                    label: item.formatted_address,
                                    value: item.formatted_address,
                                    latLng: item.geometry.location
                                }
                            }));
                        }
                    });
                },
                //This bit is executed upon selection of an address
                select: function (event, ui) {
                    $("#MapsMap").gmap3(
                { action: 'clear', name: 'marker' },
                { action: 'addMarker',
                    latLng: ui.item.latLng,
                    map: { center: true }
                }
              );
                }
            });

        });
    </script>

<input id="MapsAddress" type="text" />
<div id="MapsMap" class="gmap3"></div>
Avatar billede eromaster Nybegynder
03. november 2011 - 15:50 #1
Har selv fundet ud af det:
$('#<%=MapsAddress.ClientID%>').autocomplete({
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester