---
title: Geolocation
slug: Web/API/Geolocation
tags:
  - API
  - Advanced
  - Geolocation API
  - Interface
  - NeedsTranslation
  - Reference
  - TopicStub
translation_of: Web/API/Geolocation
---
<div>
 {{APIRef}}</div>
<p>The <code><strong>Geolocation</strong></code> interface represents an object able to programmatically obtain the position of the device. It gives Web content access to the location of the device. This allows a Web site or app offer customized results based on the user's location.</p>
<p>An object with this interface is obtained using the {{domxref("NavigatorGeolocation.geolocation")}} property implemented by the {{domxref("Navigator")}} object.</p>
<div class="note">
 <p><strong>Note:</strong> For security reasons, when a web page tries to access location information, the user is notified and asked to grant permission. Be aware that each browser has its own policies and methods for requesting this permission.</p>
</div>
<h2 id="Properties">Properties</h2>
<p><em>The <code>Geolocation</code> interface neither implements, nor inherit any property.</em></p>
<h2 id="Methods">Methods</h2>
<p><em><em>The <code>Geolocation</code> interface doesn't inherit any </em>method</em>.</p>
<dl>
 <dt>
  {{domxref("Geolocation.getCurrentPosition()")}}</dt>
 <dd>
  Determines the device's current location and gives back a {{domxref("Position")}} object with the data.</dd>
 <dt>
  {{domxref("Geolocation.watchPosition()")}}</dt>
 <dd>
  Returns a <code>long</code> value representing the newly established callback function to be invoked whenever the device location changes.</dd>
 <dt>
  {{domxref("Geolocation.clearWatch()")}}</dt>
 <dd>
  Removes the particular handler previously installed using <code>watchPosition()</code>.</dd>
</dl>
<h2 id="Specifications">Specifications</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('Geolocation')}}</td>
   <td>{{Spec2('Geolocation')}}</td>
   <td>Initial specification.</td>
  </tr>
 </tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>5</td>
    <td>{{CompatGeckoDesktop("1.9.1")}}</td>
    <td>9</td>
    <td>10.60<br>
     Removed in 15.0<br>
     Reintroduced in 16.0</td>
    <td>5</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Android</th>
    <th>Chrome for Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Mobile</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>{{CompatUnknown()}}</td>
    <td>{{CompatUnknown()}}</td>
    <td>{{CompatGeckoMobile("4")}}</td>
    <td>{{CompatUnknown()}}</td>
    <td>10.60</td>
    <td>{{CompatUnknown()}}</td>
   </tr>
  </tbody>
 </table>
</div>
<h2 id="See_also">See also</h2>
<ul>
 <li><a href="/en-US/docs/WebAPI/Using_geolocation" title="/en-US/docs/WebAPI/Using_geolocation">Using geolocation</a></li>
</ul>