HTML入門 | HTML5 API | Geolocation

function findLocation() {
    if (navigator.geolocation) { 
        navigator.geolocation.getCurrentPosition(showYourLocation); 
    } else { 
        loc.innerHTML = "この文はユーザーのWebブラウザがGeolocation APIをサポートしていない場合に表示されます。"; 
    }
}

function showErrorMsg(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
        loc.innerHTML = "この文はユーザーがGeolocation APIの使用要求を拒否した場合に表示されます。"
        break;
        case error.POSITION_UNAVAILABLE:
        loc.innerHTML = "この文は取得した位置情報を使用できない場合に表示されます。"
        break;
        case error.TIMEOUT:
        loc.innerHTML = "この文は位置情報を取得するための要求が許可時間を超過した場合に表示されます。"
        break;
        case error.UNKNOWN_ERROR:
        loc.innerHTML = "この文は不明なエラーが発生した場合に表示されます。"
        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:"ここが現在位置です!"});
}