<!DOCTYPE html>
<html><head>
<title>GeoLocation Example</title>
<script type="text/javascript" 
         src="http://yui.yahooapis.com/2.5.2/build/utilities/utilities.js"></script>
<script type="text/javascript"
        src="http://api.maps.yahoo.com/ajaxymap?v=3.8&appid=rlerdorf"></script>
<script langugage="javascript">
var geoloc = function() {
  var jsmap = new YMap('jsmapContainer');
  jsmap.addZoomLong();
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(
      function(position) { 
        var loc = new YGeoPoint(position.coords.latitude,position.coords.longitude);
        var Pin = new YImage();
        Pin.src = 'http://www.lerdorf.com/red_pin.png';
        Pin.size = new YSize(32,27);
        Pin.offset = new YCoordPoint(1,4);
        jsmap.drawZoomAndCenter(loc, 2);
        jsmap.addOverlay(new YMarker(loc, Pin));
        sendLL(position.coords.latitude,position.coords.longitude);
      },
      function(error) {
        alert("Error: " + error);
      }
    );
  } else {
    alert("This example only works in browsers that support geolocation");
  }
}
YAHOO.util.Event.addListener(window, "load", geoloc);
</script>
</head>
<body>
<div id="jsmapContainer" style="height: 500px; width: 930px;"></div>
</body></html>

GeoLocation Example