Google Maps Api AutoComplete

Thu Jul 18, 2013 6:08 am

Hello! You don't need to add Google map component on any screen and work with Google map API. This link should help https://developers.google.com/maps/do...

Tue Jul 08, 2014 7:43 pm

I am using the autocomplete code that was used on the fiddle example http://jsfiddle.net/aartyukh/2LK9H/1/ . I have the input field in a grid cell when the results come they overflow on to the entire page. How can I have the results display in the grid cell and set to a certain height but make it scroll-able.

Wed Jul 09, 2014 7:58 am

Hi Adam,

Use CSS attribute codeoverflow/code please: http://css-tricks.com/almanac/propert...

Wed Jul 09, 2014 11:26 pm

Its not working.

Thu Jul 10, 2014 8:02 pm

Adam,

Unfortunately it is difficult to understand what is wrong by this screenshot. Please provide us with some pieces of code/css, screenshots or please give us public link to your application and steps how to reproduce the issue
http://docs.appery.io/documentation/s...

Thu Jul 10, 2014 8:15 pm

I solved the issue today.

<!--
<head

<input id="searchTextField" type="text"

</body
<script
function initialize() {

var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script
--

Thu Jul 10, 2014 8:16 pm

Adam,

Thank you for the update

Fri Jan 16, 2015 8:52 am

Thanks Adam - that works great in jsfiddle, but how would I add it to my app and bind it to a specific input?

Fri Jan 16, 2015 3:53 pm

You will have to use a html component and place the code in the html. You may have to set some css to show the dropdown.

Mon Jan 19, 2015 9:03 am

Perfect got that working. I am now only struggling to get the input mapped to a map. I have a button that can invoke the service but I am not sure how to read the input's contents as in in an html component. Suggestions?