Is it possible to fill the an input field with the streetname (route) and streetnumber

That should be no problem! EG: <div class="highlight highlight-s

It may be late.... but use the events <div class="highlight highlight-source-js no

or even <div class="highlight highlight-source-js notranslate position-relative ov

Streetaddress plus number about geocomplete HOT 8 CLOSED

ubilabs commented on May 28, 2024

Streetaddress plus number

from geocomplete.

Comments (8)

aemkei commented on May 28, 2024

That should be no problem!

EG:

$("#geocomplete").geocomplete("find", "Juliusstraße 25, Hamburg");

from geocomplete.

martinb07 commented on May 28, 2024

That's not what I mean.
For example, I search for the O2 Arena in Berlin and I want to populate the address field with street and number.

from geocomplete.

aemkei commented on May 28, 2024

If Google has information about that place, it will return street number.

Try http://ubilabs.github.com/geocomplete/examples/form.html with "Fernsehturm Berlin".

from geocomplete.

martinb07 commented on May 28, 2024

And how can I combine the route and street_number in one input field as a value?

from geocomplete.

aemkei commented on May 28, 2024

This is not possible for now.

Feel free to tweak the code around Line 196:
https://github.com/ubilabs/geocomplete/blob/master/jquery.geocomplete.js#L196

from geocomplete.

commented on May 28, 2024

It may be late.... but use the events

$("#geocomplete")
    .geocomplete()
    .bind("geocode:result", function(event, result){
        var stno = result.address_components[0]['long_name'];
        var stna = result.address_components[1]['long_name'];
        $('#street').val(stno + ' ' + stna);
    });

from geocomplete.

commented on May 28, 2024

or even

$('#street').val(result.name);

from geocomplete.

commented on May 28, 2024

Change that.... if the field is pre-populated - you will not get "result.name"

and "result.address_components[0]" could be street number but it could be subpremise which means you need to check types array too.

try this way instead

        $("#geocomplete")
            .geocomplete()
            .bind("geocode:result", function(event, result){
                var addressArray = result.address_components;
                var street = "";
                for (var j = 0; j < addressArray.length; j++){
                    var typeName = addressArray[j].types[0];
                    if (typeName == 'subpremise') {
                        street += addressArray[j].long_name + '/';
                    }
                    if (typeName == 'street_number') {
                        street += addressArray[j].long_name + ' ';
                    }
                    if (typeName == 'route') {
                        street += addressArray[j].long_name;
                    }
                }
                $('#street').val(street);
            });