Html5- Geolocation

by Kyle Pennell

HTML

<body>
<div id="content">
    
</div>

<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script>  
    
</body>

JavaScript

console.log("Begin...");

var contentEl = $("#content");

//if (Modernizr.geolocation) { // this is going to be slow...
if (navigator.geolocation) {
    
    navigator.geolocation.getCurrentPosition(function(pos){
        
        console.log(pos);
        
        var msg = "<h3>Longitude:<br>";
        msg += pos.coords.longitude + "</h3>";
        msg += "<h3>Latitude:<br>";
        msg += pos.coords.latitude + "</h3>";
        
        contentEl.html(msg);
        
    }, function(err) {
        
        console.log(err);
        
    });
    
    contentEl.textContent = "Checking...";
    
} else {
    
    contentEl.textContent = "You do not support it";
    
}