koada-os/paper-input-location

A Material Design input with location autocomplete (Polymer 1.x)

##<paper-input-location>

Material design: Text fields with location autocomplete

<paper-input-location> is a single-line text field with Material Design styling and location autocomplete based on the Google Maps API.

Example:

<paper-input-location maps-api-key="AIzaSyD3E1D9b-Z7ekrT3tbhl_dy8DCXuIuDDRc" label="Place"></paper-input-location>

paper-input-location's Issues

Using autocompleteOptions is not working for me

I am trying to use the autocompleteOptions as described in the Google Maps API, particularly "bounds" and "strictBounds"
https://developers.google.com/maps/documentation/javascript/reference#AutocompleteOptions

passing,
autocomplete-options="[[place.options]]"
where,
this.place.options = { bounds: this.map.getBounds(), strictbounds: true }

But it's not working for me

Any hint or suggestion?
Thanks

paper-input is created disabled

After adding the paper-input-location element, the internal paper-input appears with the disabled attribute by default. If I remove that attribute using the dev tools, the paper-input is enabled and the autocomplete works normally with google api.

Paper input is not a HTMLElement

For some reason this component is not working and shows in the console that it needs a html element.

_onApiLoad: function() {
var rawInput;

        if (this.$.inputPaper.querySelector('input')) {
            rawInput = this.$.inputPaper.querySelector('input');
        } else {
            rawInput = this.$.inputPaper.root.querySelector('input');
        }

        this.autocomplete = new google.maps.places.Autocomplete(rawInput, this.options);
        google.maps.event.addListener(this.autocomplete, 'place_changed', this._onChangePlace.bind(this));
    },

Changing the query selector to select the input element works.

PS: Sorry my explanation is terrible.

locationName not working

locationName was not working for me. I managed to solve it by handling the event 'place-changed'. However I've had also to change your code. Just put the line "this.fire('place-changed');" from the function "_onChangePlace"at the bottom of the function, and bum! working!

Nice element, good job!