if (Modernizr.geolocation){
//...Your logic here
}

Here, I wrote a simple html page that locate your location using Geolocation and show it on the Google map.

http://just-thor.com/sample-works/geolocation.html

Happy coding.

After doing some searching on the internet, my problem seems like caused by incorrect API key. Obtaining Android Map API key is different from normal Google Map API key. I assume you are running Android emulator and also a beginner(like me ), first step is to find out the location of your keystore. In Eclipse, fire up the “Preferences” window, and locate the Android->Build settings, you should see the location of your keystore file in the “Default debug keystore” field.

Type the following command in your command line. By the way, I am using Mac, I think *Nix user should have no problem running the following command, but for Windows Users, I think you need to find a way to do it.

keytool -list -keystore ~/.android/debug.keystore

and when it prompts you for the password, just hit the Enter key, no need to enter any password.
And you will get something like this in the output

Certificate fingerprint (MD5): 8E:6F:5D:3F:A9:94:96:69:42:D2: and more

copy the value of it, and go to this URL
http://code.google.com/intl/sv-SE/android/maps-api-signup.html

Paste your value into the textbox and submit, and you should be able to get your API key. By using this Android Map API key, I was able to get the map working in my Android apps.

Here’s part of the code

//sample code taken from http://code.google.com/apis/ajaxlibs/
<script src="http://www.google.com/jsapi"></script>
<script>
  // Load jQuery
  google.load("jquery", "1");

  // on page load complete, fire off a jQuery json-p query
  // against Google web search
  google.setOnLoadCallback(function() {
    $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&v=1.0&callback=?",

      // on search completion, process the results
      function (data) {
        if (data.responseData.results &&
            data.responseData.results.length > 0) {
          var results = data.responseData.results;
          
          for (var i=0; i < results.length; i++) {
            // Display each result however you wish
            alert(results[i].titleNoFormatting);
          }    
        }
        
      });
    });
</script>

//sample code taken from http://code.google.com/apis/ajaxlibs/
<script src="http://www.google.com/jsapi"></script>
<script>
  // Load jQuery
  google.load("jquery", "1");
</script>
<script>
  // on page load complete, fire off a jQuery json-p query
  // against Google web search
  google.setOnLoadCallback(function() {
    $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&v=1.0&callback=?",

      // on search completion, process the results
      function (data) {
        if (data.responseData.results &&
            data.responseData.results.length > 0) {
          var results = data.responseData.results;
          
          for (var i=0; i < results.length; i++) {
            // Display each result however you wish
            alert(results[i].titleNoFormatting);
          }    
        }
        
      });
    });
</script>

Happy Coding