Skip to main content

Geocoding - Region biasing

    Today we will have a look at a simple geocoding example wherein we will see the effects of region biasing on geocoding. First things first. What is region biasing in geocoding and why is it required; would be an obvious looking question here. The answer to this is pretty simple and straight. Region biasing means returning a geocoded address so that it falls in the region specified. Consider the example of the city named “Hyderabad” which is  present in India as well as Pakistan. Now, suppose that my target users are from India, then by using the region biasing property, the geocoder will always return the “Hyderabad” in India when a user enters a request for the same. I have taken the same example in the code, so that the region biasing geocoding concept would become much more clear.

    The code goes here…


    The code is pretty simple and does not need an explanation. The crux of the code lies in the following line of code.


    As you can see, the region property is set to “IN” which is a code for India. This is a hardcoded example, where the address to be geocoded is set to “Hyderabad”. Check out the line, var query = "Hyderabad". Now as the region is set to India the output that would be seen will be as seen in the result section above.

    Now change the region value to “PK”, i.e. Pakistan as,


    The output that you will see is as below:



    If you have any queries regarding the code feel free to leave a comment! Till the next Google Maps API v3 example…Keep mapping!

Comments

  1. I tried region=IN but still getting suggestions for outside india.
    I am using auto complete to show suggestion like google maps do

    ReplyDelete
    Replies
    1. Hi IndiaVote09.

      Could you let me know what were you looking for (geocoding) with region=IN?

      Please respond and I would be happy to check and revert!

      Regards,
      Shreerang.
      Like us on Facebook at https://www.facebook.com/pages/Spatial-Unlimited/185149371538692

      Delete

Post a Comment

Please leave your comments here...

Recommended for You

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...

The Street View Army

    Google's Street Views have caused controversy more often than not. Sometimes for privacy issues, sometimes for security reasons. But whatever the media has to say, we can't deny the fact that Google Street Views has brought the entire world at your finger tips. You can visit places that you would not be able to visit ever. You can walk the roads, that you had only imagined of treading. You can experience for yourself, various cultures, events, religions and lives of people across the globe all at the comfort of your home. You can visit the deserts, the snow clad mountains, the giant rivers or the gushing waterfalls. Today, let's take a look at the efforts Google is taking to capture the world for us. Google Street View Car     Aha! We all know this vehical. More popular than the Mercs and the BMWs, this street view car has roamed the streets of many a cities since May 25, 2007. Street Views started out as an experimental project with a SUV pac...

CSS - Counter-increment and counter-reset

Today we will take a look at a couple of CSS properties that are usually used together but not very frequently used. We will be talking about the counter-increment and counter-reset properties. As the name suggests counter-increment and counter-reset definitely have something to do with counters. Let's take a look at the example below which will clearly illustrate the usage of these 2 properties. The implementation is very clear and straight-forward. The only question that remains now, can these CSS properties replace the ordered list (ol-li) HTML code? Do let me know your comments and feedback. Would you use these CSS properties against the standard ol-li structure?

Two maps on the same page - Side-by-side

    How good I am feeling to post a code example after such a long time! It's been all "news" over the past so many posts! Well now that I am finally doing a code example, I am posting a very highly requested code sample. Placing two Google Maps on the same page (Now that's simple you would say!), but side by side. Now this is the thing that most people struggle with. Well, implementing the second part is also very simple, as you will see in today's code.     Let's see the code. Here it is!     The output of the above code will be as seen in the result section above.     As most of you will realize, there are two maps, one centered at "Pune" and other at "Noida". Why I chose these two locations? Well, just like that!...The main issue of concern is how the maps appeared side-by-side and not one below the other as would be normal behavior of two "div" elements used in the same page. Now here is the trick! Check out the...

Jquery Mobile - Basic Listview

    Continuing with the Jquery Mobile Examples, today we will take a look at the listviews in Jquery Mobile. Listviews are popularly used in websites and web-applications that are built on the Jquery Mobile platform and hence we will look at the various list patterns available with Jquery Mobile. Lists are used for a various purposes like data display, navigation, result lists and data entry. We will start with the most basic listview example and look through several examples over a number of posts.     A listview is simply an unordered list containing linked list items with a data-role="listview" attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly listview with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an Ajax request for the URL in the link, create the new pag...