HTML5 GeoLocation Simple Example

by Amro Abu-Hmaidan

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<input id="locButton" type="button" value="Know your location" />

JavaScript

$(document).ready(function(){
    $('#locButton').click(function(){
        if (navigator.geolocation)
        {
           navigator.geolocation.getCurrentPosition(showPosition);
        }
        else{alert("Geolocation is not supported by this browser.");}
        });
    });

function showPosition(position)
{
  alert("Latitude: " + position.coords.latitude + 
  "Longitude: " + position.coords.longitude); 
      getCountry( position.coords.latitude, position.coords.longitude);
  }

function getCountry(latitude,longitude)
{
    geocoder = new google.maps.Geocoder();
    latlng = new google.maps.LatLng(latitude, longitude);
    
    geocoder.geocode({'latLng': latlng}, function(results, status)
    {
      if (status == google.maps.GeocoderStatus.OK){
          for (var i=0; i < results[0].address_components.length; i++)
      {
          if (results[0].address_components[i].types[0] == "country")
          {
              alert('country is:'+ results[0].address_components[i]);
          }
      }
     }
    });}