blog post

The HTML Geolocation API is used to locate a user's position. The HTML Geolocation API is used to get the geographical position of a user. Since this can compromise privacy, the position is not available unless the user approves it.

Source Code

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>GEO Location : </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="keywords">
<meta name="author" content="Atul Shukla">

<script src="//"></script>
<body style="text-align:center">

<h2>HTML5 Geolocation</h2>
<p>Click the button to get your coordinates. <button onclick="getLocation()">Get latitude & longitude</button></p>
<p id="demo"></p><br/>

<div id="mapholder"></div><br/><br/>

var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude;  

     var latlon = position.coords.latitude + "," + position.coords.longitude;

    var img_url = ""
    document.getElementById("mapholder").innerHTML = "<img src='"+img_url+"'>";

function showError(error) {
    switch(error.code) {
        case error.PERMISSION_DENIED:
            x.innerHTML = "User denied the request for Geolocation."
        case error.POSITION_UNAVAILABLE:
            x.innerHTML = "Location information is unavailable."
        case error.TIMEOUT:
            x.innerHTML = "The request to get user location timed out."
        case error.UNKNOWN_ERROR:
            x.innerHTML = "An unknown error occurred."



HTML5 Geolocation
  • Share This Story

Pleas give your valuable comments to improve the contents.

about author

Atul kumar shukla

I'm Atul Kumar Shukla, working as a web developer.
Welcome to my Blog. This is my personal blog where i post my own questions and answers , articles about ASP.Net., SQL Server, HTML, CSS, Jquery and many more..

Visit Profile

Leave a comment


Get More Stuff
Subscribing to the TheOneblogs newsletter and get intersting stuff and updates to your email inbox.
Your Email


Style Switcher

Change Color

×! We use cookies to improve your user experience. More information