aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

Google Map Api Get Latitude and Longitude from Address in JavaScript

Jun 19, 2015

Here I will explain how to get latitude and longitude from address Google map api using JavaScript in website or Google maps autocomplete address textbox to get latitude and longitude without map example. By using google.maps.places.Autocomplete class we can implement Google places autocomplete textbox and display selected address latitude and longitude details.


In previous article I explained clearly how to add Google map to website in, Add marker to Google map in website, Add multiple markers to Google map using JSON, Add custom marker to Google maps API, Show info window in Google map when click on marker  and many articles relating to Google map, jQuery, JavaScript, Now I will explain how to how to implement Google map places autocomplete textbox and get latitude and longitude from address using Google API using JavaScript.

To implement places or address autocomplete textbox using Google maps Google API we need to write the code like as shown below

<html xmlns="">
<title>Google Places Autocomplete textbox using google maps api</title>
<script src=""></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var autocomplete = new google.maps.places.Autocomplete(document.getElementById('txtAutocomplete'));
google.maps.event.addListener(autocomplete, 'place_changed', function () {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
var location = "<b>Address</b>: " + place.formatted_address + "<br/>";
location += "<b>Latitude</b>: " + place.geometry.location.A + "<br/>";
location += "<b>Longitude</b>: " + place.geometry.location.F;
document.getElementById('lblResult').innerHTML = location
<input type="text" id="txtAutocomplete" style="width: 300px" placeholder="Enter your address" /><br /><br />
<label id="lblResult" />


Google Map Api Get Latitude and Longitude from Address in JavaScript

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


sandeep tyagi said...

How can i show the map as well.

Karthika said...

Thank you Suresh .. Really its works out.. Thanks lot..

Anonymous said...

Thank You it worked.

Asif Zaffar said...

Thanks Suresh it works partially.
Actually the latitude and longitude didn't bind and shows undefined.

What should I do

Give your Valuable Comments

Other Related Posts

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.