HTML Tutorial

The language for building web pages.

HTML Geolocation

HTML Geolocation API

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

Methods:

getCurrentPosition() - Get current position once
watchPosition() - Track position changes
clearWatch() - Stop tracking

Position Properties:

coords.latitude
coords.longitude
coords.accuracy
coords.altitude
coords.speed

Try It Yourself

Edit the code below and click Run to see the result live.

Source Code

<!DOCTYPE html>
<html>
<body>
  <h2>HTML Geolocation</h2>
  <button onclick="getLocation()" 
          style="padding:10px 20px; background:#4e54c8; color:white; border:none; border-radius:5px; cursor:pointer;">
    Get My Location
  </button>
  <div id="result" style="margin-top:15px; padding:15px; background:#f0f4ff; border-radius:8px; display:none;"></div>

Result

Topics

HTML Introduction HTML Introduction HTML Editors HTML Elements HTML Basic HTML Attributes HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Block & Inline HTML Div HTML Classes HTML Id HTML Iframes HTML JavaScript HTML Head HTML Layout HTML Responsive HTML Entities HTML Forms HTML Input Types HTML Canvas HTML SVG HTML Video HTML Audio HTML Geolocation HTML Web Storage HTML Favicon HTML Semantics HTML Buttons HTML Computercode HTML Symbols HTML Emojis HTML Drag and Drop HTML Form Elements HTML Accessibility HTML YouTube