Home/ Questions/Q 8772051
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T17:56:41+00:00

This is the code I’m working from: http://jsfiddle.net/njDvn/36/ The weird thing is, the autosuggest

  • 0

This is the code I’m working from:

http://jsfiddle.net/njDvn/36/

The weird thing is, the autosuggest only seems to activate on the last input box after I click on the geocode button. This is the code im working from:

<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script>
function getLatLng() {
    var geocoder = new google.maps.Geocoder();
    var address = document.getElementById('address').value;

    var input = document.getElementById('searchTextField');
    var options = {
    types: [],
    };

var autocomplete = new google.maps.places.Autocomplete(input, options);

    geocoder.geocode({
        'address': address
    }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var latLng = results[0].geometry.location;
            $('#lat').val(results[0].geometry.location.lat());
            $('#lng').val(results[0].geometry.location.lng());
        } else {
            alert("Geocode was not successful for the following reason: " + status);
        }
    });
}
</script>
</head>
    <body>
        <div>
            <input id="address" type="textbox" value="Sydney, NSW">
            <input type="button" value="Geocode" onclick="getLatLng()">
            <input id="lat" type="textbox" value="lat">
            <input id="lng" type="textbox" value="lng">
            <input id="searchTextField" type="text" size="50" value="">

           </div>
      </body>
</html>

​What gives? I’ve never had this before, but this is the first script I have tried to put together.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This is due to the following line:

    var autocomplete = new google.maps.places.Autocomplete(input, options);

    input links it to:

    var input = document.getElementById('searchTextField');

    which is the last input box.

    In addition, you have to click on the geocode button before Google autocomplete links because you have bound the getLatLng() call to the click of the Geocode button:

    <input type="button" value="Geocode" onclick="getLatLng()">

    Because the Google autocomplete activates from within this function, you cannot initialize it without pressing the button.

    • 0