Untitled

<html>
<head>
<meta charset="UTF-8">
<title>Geo Localización</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="Jquery/jquery.js"></script>
</head>
<body>
<h1>Resultados</h1>
<div id="resultado"></div>

</body>
</html>

<script>
$(document).on("ready", inicio);
function inicio() {
    geolocalizar();
}

function geolocalizar () {
navigator.geolocation.getCurrentPosition(mostrar, correrEnCirculos);
}

function correrEnCirculos(errorsh){

    alert("Tarde o temprano te encontrare");
    cosole.log(errorsh);
}

function mostrar(geo) {

    lat = geo.coords.latitude;
    lon = geo.coords.longitud;
    velocidad = geo.coords.speed;
    vector = geo.coords.heading;
    mostrarResultados();

}

function mostrarResultados() {

    $("#respuesta").append(lat);
    $("#respuesta").append(lon);
    $("#respuesta").append(velocidad);
    $("#respuesta").append(vector);

}


</script>