HTML Tutorial | HTML5 API | Geolocation

function findLocation() {
    if (navigator.geolocation) { 
        navigator.geolocation.getCurrentPosition(showYourLocation); 
    } else { 
        loc.innerHTML = "This sentence appears when the user's web browser does not support the Geolocation API."; 
    }
}

function showErrorMsg(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
        loc.innerHTML = "This sentence appears when the user denies the request to use the Geolocation API."
        break;
        case error.POSITION_UNAVAILABLE:
        loc.innerHTML = "This sentence appears when the retrieved location information is unavailable."
        break;
        case error.TIMEOUT:
        loc.innerHTML = "This sentence appears when the request to retrieve location information times out."
        break;
        case error.UNKNOWN_ERROR:
        loc.innerHTML = "This sentence appears when an unknown error occurs."
        break;
    }
}

function showYourLocation(position) {
    var userLat = position.coords.latitude;
    var userLng = position.coords.longitude;
    var imgUrl = "http://maps.googleapis.com/maps/api/staticmap?center=" + userLat + "," + userLng + "&zoom=15&size=500x400&sensor=false";
    document.getElementById("mapLocation").innerHTML = "<img src='"+imgUrl+"'>";
}

function showYourLocation(position) {
    var userLat = position.coords.latitude;
    var userLng = position.coords.longitude;
    var userLocation = new google.maps.LatLng(userLat, userLng);
    loc = document.getElementById("mapLocation");
    loc.style.width = '500px';
    loc.style.height = '400px';
    var mapOptions = { 
        center: userLocation, 
        zoom: 15, 
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false, 
        navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL} 
    }
    var map = new google.maps.Map(loc, mapOptions);
    var marker = new google.maps.Marker({position:userLocation,map:map,title:"This is the current location!"});
}