Skip to main content

Geocoding

    Geocoding is the process of converting addresses (like "Pune") into geographic coordinates (like latitude - 18.5193 and longitude - 73.8579), which you can use to place markers or position the map. The Google Maps API provides a geocoder class for geocoding addresses dynamically from user input. Accessing the Geocoding service is asynchronous, since the Google Maps API needs to make a call to an external server. For that reason, you need to pass a callback method to execute upon completion of the request. This callback method processes the result(s). To know more details about the geocoding requests, responses and results visit this link.

    Understanding the geocoding requests, responses and results is very important for proper understanding and execution of any geocoding functionality in Google Maps API v3. Let us have a look at the following example...



    The output of the above code will appear as seen in the results section above. The map is initially centered at India, with no text in the search box. Now you need to put in the address that you wish to geocode in the search box and then click on search. If the entered address is valid, a marker will appear on the map at the appropriate location.

    There is some level of error-handling done in this example using the status codes of the geocoding facility in Google Maps API. The status codes return several values depending upon whether the geocode was successful or not and whether any result was returned. The following image will show one such condition where the geocode was successful but did not return anything as the entered address was invalid.


    Some may find the above example a little complex, but the example is not complex at all, it is just that you need to understand the geocoding requests, responses, results and status codes. If anybody wants me to write in depth about the theory of the geocoding, then I will definitely try and write to explain the stuff in as simple language as possible. Till then...Keep mapping!
Labels:

Comments

  1. GaryApril 1, 2011 at 10:29 AM

    Shreerang Patwardhan,
    Pardon me for asking but is your first name Shreerang or is it Patwardhan. Reason I ask is because when I was in college some of my foreign student friends addressed themselves with the Last name first and First name last. I would like to know out of respect to addressing you.
    My email is to let you know I enjoy your sharing of your skills in computer data building language with all of your followers on-line this is quite generous of you doing so. My real question is to ask you well... how do I start in this process of creating this task of data language inputting? Do I simply open a word document or a spreadsheet to input the info in? I am kind of a novice as you can tell by now. I thought I read some wheres you saying to open a browser... not sure which or what browser, if that is what you might have said at one time to do in order to do the language build. Can you help me through this process, by perhaps sending me a set of instructions to follow to get started? I would surely appreciate it a whole heck of allot. These little gifts of yours to the general viewer of creating a data language input then into an actual visual representation that one can use and work in is quite fascinating to see happen and to know just what it is that “you” as an industry career if only in part.
    So I ask you if I may can you help me with this journey in my learning something new?
    Thanks so much for your time and effort
    Best Regards,
    Gary Bertolo

    ReplyDelete
  2. Shreerang PatwardhanApril 4, 2011 at 2:29 AM

    Hi Gary...My first name is Shreerang...:)Happy to hear that you enjoy my blog. I also enjoy sharing my knowledge with the tech community and would be more than happy to help you out...
    First of all you need to start from the basics if you need to learn something like Google Maps API. If you just enjoy browsing the maps and don't really wish to code then all you need to do is copy the code in the posts and paste it in a normal text file. You can use notepad, wordpad, MS Word if you use windows and gedit, notepad, Open Office Word if you use Linux for the same purpose. Once you have copied the code in one of these files you need to save these files with ".html" extension and not with ".txt" or ".doc" extensions which would be the default ones. Once you get around this, you can double-click on this file and it would open up in your default web-browser.
    Now, the thing is that the code into consideration is javascript. Each browser renders javascript differently. So a map that appears perfect in Firefox, might not work in Google Chrome or IE...Firefox is the best...
    Hope this helps you get started...And if wish to learn google maps API...then you can start reading my blog from the very first post...
    Hope you enjoy my blog...Any suggestions are welcome...
    Thanx for your appreciation.

    ReplyDelete

Post a Comment

Please leave your comments here...

Recommended for You

Retriving co-ordinates...

         We have seen 2 Google Maps API v3 examples wherein we have retrieved the latitude-longitude co-ordinates of the point of click on the map. In the first example we have displayed the co-ordinates in the information window and in the second , we have displayed the co-ordinates in a form in the information window.         Today we will create a code to retrieve the latitude longitude co-ordinates in a text box while simultaneously a marker appears on the map as well. So, here goes the code. <html> <head> <title> Google Maps API v3 - Adding marker on Click and retrieving the co-ordinates in a text box </title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var map;    //When using event as a parameter to a function declare map, strictly as a global variable fun...
5 comments
Read more

Google Street View Image API

    Street View is one of most used feature of the Google Maps and why not? You can actually see any part of the world as if you are visiting the place at that very moment. And now with the Google Street View Image API, you don't even need to carry a camera with you to the places you visit. You can take-in all the scenic beauty without even bothering about clicking a single picture. You can come back from your vacation and get a few images using the Google Street View Image API and show those images to your friends and relatives. Create an album of high definition images and go ahead and share it on Facebook for your friends to have a look.     Using the Google Street View Image API is very simple and anybody can make use of it without any programming knowledge required. I will walk you through the entire process of effectively using the Google Street View Image API. So if you are set, let's go on an amazing ride across the globe with the Google Street Views. ...
1 comment
Read more

Jquery Mobile - Listview with data-inset property

    In the previous post we looked at a basic example of the jQuery Mobile listview. The listview in jQuery Mobile stretches 100% of the width with sharp edges and straight corners. If you wish to have rounded corners for your lists you need to make use of the data-inset="true" property.     Lets take a look at the example below. The lists as seen in the result below have rounded corners as opposed to the straight edges in the example in the previous post, where we had not made use of the data-inset property. When we say that we did not use the data-inset property, we mean that the value of data-inset property is "false". UPDATE: The following example makes use of the next stable version of Jquery Mobile 1.3.1     Hope you have followed the post. Do let me know your feedback on the same and drop your commenets below.
Post a Comment
Read more

Jquery Mobile Form - Search input

    Input field of type search is newly introduced in HTML5 and is very well styled. The style is further enhanced when using the Jquery Mobile framework and we will see how this can be done in today's post. Jquery Mobile styles the search input type with capsule-corners and adds a 'x' icon to the right end, which clears the text in the search box.      The seacrch input elements are available in 2 flavors/sizes - regular and mini.   Adding a data attribute data-mini="true" to the input tag renders a smaller sized input element. Let's take a look at the code sample below to understand the working in a better way.      In the code above, you will see 4 different implementations of the input search element. The first one is a regular input of type search with the label and the searchbox one below the other. The second implementation is exactly similar to the first implementation with the only difference of the added data attrib...
Post a Comment
Read more

Jquery Mobile - Filtering the Listview

    So you have a very long list of items and you want to provide the users with a searching facility. There is nothing to worry here. Jquery Mobile provides a very simple solution to a very difficult and time-comsuming looking problem.   jQuery Mobile provides a very easy way to filter a list with a simple client-side search feature. To make a list filterable, simply add the  data-filter="true"  attribute to the list. The framework will then append a search box above the list and add the behavior to filter out list items that don't contain the current search string as the user types. The input's placeholder text defaults to "Filter items...".     Now again, this is not going to satisfy the client. The client will not like the default search and will ask for  customization . No problem again. We can do it very easily again by virtue of the Jquery Mobile framework.   To configure the placeholder text in the search input,  use the data ...
Post a Comment
Read more