I use the AutoComplete Google Maps interface to automatically search for locations by user type. It works great on all the browsers I tested (Chrome, FireFox, iOS and newer Android devices), except for Windows Phone.
On a Windows phone, the places_changed event does not fire, and the text field does not automatically update, as in other browsers.
Here's a simplified script demonstrating with a single text field in a form:
<div class="container" style="padding: 40px">
<label>Enter a location</label>
<input id="location" value="" class="form-control" />
</div>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true&libraries=places">
</script>
<script>
var el = document.getElementById('location');
var autocomplete = new google.maps.places.Autocomplete(el);
google.maps.event.addListener(autocomplete, 'place_changed', function () {
var place = autocomplete.getPlace();
if (place.geometry.location)
setTimeout(function() { el.value = place.name; }, 200);
});
</script>
You can try this:
http://embed.plnkr.co/kAwU0Fl97nEQr5HhxOTH/preview
( IE 11, , Windows Phone 8), Windows Phone , , , .
?