Google Map Geocoding Tutorial with Example

google-map-reverse-geocodingGoogle Map API has been a great way to show geographical information on web. A lot of mashup tools like this, have been created around Google Maps to show a wide variety of data. In my previous article about Introduction to Google Maps API, I had described basic APIs to integrate Google Map in your webpage. In this small article we will discuss a great feature of Google Maps API that can be used to locate any City/Country/Place on Map. This is called Geocoding.

Google Maps API provides a wonderful API called Geocoding API that enables you to fetch any location and pin point it on Google Map. GClientGeocoder is the class that we use to get the geocoder that get us the location. We will use getLatLng() method to get latitude/longitude of any location.
Check the following code.

var place =  "New York";
geocoder = new GClientGeocoder();
geocoder.getLatLng(place, function(point) {
	if (!point) {
		alert(place + " not found");
	} else {
		var info = "<h3>"+place+"</h3>Latitude: "+point.y+"  Longitude:"+point.x;
		var marker = new GMarker(point);
		map.addOverlay(marker);
		marker.openInfoWindowHtml(info);
	}
});

In above code snippet we passed string “New York” and a handler function to getLatLng() method of GClientGeocoder. GClientGeocoder class will call google server for the location and when it gets the result, it pass the result to the handler function that we specified. Thus handler function will get point (GPoint) object from which we can get the latitude and longitude of location. In above code we have created a marker and placed it on the map.

Online Demo

Google Map Reverse Geocode Example



15 Comments

  • mackdk 1 July, 2009, 20:55

    What you describe is geocoding not reverse geocoding

    Geocoding: process of finding associated geographic coordinates (often expressed as latitude and longitude) from other geographic data

    http://en.wikipedia.org/wiki/Geocoding

    Reverse geocoding: the process of back (reverse) coding of a point location (latitude, longitude) to a readable address or place name

    http://en.wikipedia.org/wiki/Reverse_geocoding

  • Viral Patel 1 July, 2009, 20:58

    ops.. Thanks mackdk for pointing out the error. I will update the post and make it geocoding.

    • Check 26 October, 2012, 9:52

      You might also want to edit the link to the example, it still says Reverse Geocoding.

  • jeet lal patel 29 July, 2009, 11:30

    hello everybody
    i m creating a module of map in which i want to display all city of the visible part of the map
    (i have database in which state_name city_name lat_of_city long_of_city)
    so i want to find current state when user drag the map.

    how to find when user drag the map?
    and then current location

    please help me

    thanks

  • Noman 17 August, 2009, 11:56

    ohhhhhhhhhhh realy thanx buddy u solve my problem… currently i am working on application where the Lat/Long is required i simple get idea from ur site and find the solution… realy big help for me thanx keep it up….

  • Viral Patel 17 August, 2009, 13:08

    @Noman, Thanks for the comment :)

  • harry_tegar 31 December, 2009, 11:53

    Hi Viral Patel and everyone

    Do you have any basic example code of Reverse geocoding? If you do, may I have it? I’m kinda new to this Reverse Geocoding stuff.

    sincerely yours

    Harry

  • stace 2 March, 2010, 8:52

    I’m a total newbie and having trouble integrating your GeoCode code with the initialize function in your earlier tutorial. When a given page loads, I would like it to show the map for New York (or whatever is in that variable. Can you share a brief code example of how it would look?

    Thanks very much!

  • Harshit 12 February, 2011, 0:33

    how to get zipcode from the address?

  • nileema 7 November, 2011, 15:23

    hello every one
    i need geocoded database for pune region.how to get it

  • paresh 3 February, 2012, 13:38

    i tried this code
    and also set permission in manifest.xml internet,access_fine_location,access_coarse_location

    but this project could not get location name from getFromLocation().
    getFromLocation(lat.long,1) always return null

    please kindly read this and help me

  • subbu 19 December, 2012, 17:56

    i need to create an application in asp web pages….(i.e,)using latitude and longitude…pls help me…..i want to show my project within this week to my PM…….pls its my humble request

  • jaroslav 8 March, 2013, 14:48

    I want embed a functionality to “search various place over the world” in my Google Earth API application. When I am using the code displayed in your article ( “GClientGeocoder” object and “getLatLng() method, I am not successful. Can you give me more links for study or more examples How to use it in Google Earth API ? Thanks

    Jaroslav

  • milan 13 April, 2013, 16:24

    how to get distance in reverse geo coding?
    such as 0.5554 km from sg highway, ahmedabad. or
    1.575 km from vastrapur circle, ahmedabad….

  • Payal Shah 22 January, 2014, 11:06

    i want to search more than one cities at a time like if i write in textbox Pune Mumbai then it should mark both…is it possible..?

Leave a Reply

Your email address will not be published. Required fields are marked *

Note

To post source code in comment, use [code language] [/code] tag, for example:

  • [code java] Java source code here [/code]
  • [code html] HTML here [/code]