How to get lat/long using Google address autocompete api using Javascript or jQuery?

I am currently using Google's address autocomplete api to get the locations (address) as shown in example here

Now I would like to get only Latitude and longitude of address, when user selects the address.

How can I do this using Javascript or jQuery?

Asked by:- manish
: 1619 At:- 11/12/2018 11:12:46 AM
Javascript jQuery get latitude-longitude using google address api

1 Answers
profileImage Answered by:- jaya

To get latitude and longitude using Google maps api and Javascript, use the below code with scripts

<script src="" type="text/javascript"></script>

<script type="text/javascript">
    function initialize() {
        var input = document.getElementById('SearchTerm');
        var autocomplete = new google.maps.places.Autocomplete(input);

        google.maps.event.addListener(autocomplete, 'place_changed', function () {
            var place = autocomplete.getPlace();  
            // get lat/long using place.geometry.location      
            document.getElementById('latitude').value =;
            document.getElementById('longitude').value = place.geometry.location.lng();
    google.maps.event.addDomListener(window, 'load', initialize); 

Considering your HTML as below

<input id="SearchTerm" type="text" placeholder="Enter a location to get lat/long" autocomplete="on" />  <br/>
Lat : <input type="text" id="latitude" name="latitude" /> <br/>
Long : <input type="text" id="longitude" name="longitude" />  <br/>

Do not forget to replace APIKey with your google api key to make it work.

At:- 11/14/2018 10:45:48 AM
Working as needed, thank you 0
By : manish - at :- 11/22/2018 7:47:08 AM

Login/Register to answer
Register directly by posting answer/details

Full Name *

Email *

By posting your answer you agree on privacy policy & terms of use