Page 3 of 4

Google Maps Api AutoComplete

Posted: Thu Jul 18, 2013 6:08 am
by Maryna Brodina

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...


Google Maps Api AutoComplete

Posted: Tue Jul 08, 2014 7:43 pm
by adam griffin

Image

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.


Google Maps Api AutoComplete

Posted: Wed Jul 09, 2014 7:58 am
by Kateryna Grynko

Hi Adam,

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


Google Maps Api AutoComplete

Posted: Wed Jul 09, 2014 11:26 pm
by adam griffin

Its not working. :(


Google Maps Api AutoComplete

Posted: Thu Jul 10, 2014 8:02 pm
by Evgene Karachevtsev

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...


Google Maps Api AutoComplete

Posted: Thu Jul 10, 2014 8:15 pm
by adam griffin

I solved the issue today.

<!--
<head

<script src="https://maps.googleapis.com/maps/api/...
</head
<body

<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
--


Google Maps Api AutoComplete

Posted: Thu Jul 10, 2014 8:16 pm
by Evgene Karachevtsev

Adam,

Thank you for the update


Google Maps Api AutoComplete

Posted: Fri Jan 16, 2015 8:52 am
by Alex7329727

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


Google Maps Api AutoComplete

Posted: Fri Jan 16, 2015 3:53 pm
by adam griffin

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.


Google Maps Api AutoComplete

Posted: Mon Jan 19, 2015 9:03 am
by Alex7329727

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?