Revision 468075 of Geolocation

  • Revision slug: Web/API/Geolocation
  • Revision title: Geolocation
  • Revision id: 468075
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment

Revision Content

{{APIRef}}

The Geolocation 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.

An object with this interface is obtained using the {{domxref("NavigatorGeolocation.geolocation")}} property implemented by the {{domxref("Navigator")}} object.

Note: 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.

Properties

The Geolocation interface neither implements, nor inherit any property.

Methods

The Geolocation interface doesn't inherit any method.

{{domxref("Geolocation.getCurrentPosition()")}}
Determines the device's current location and gives back a {{domxref("Position")}} object with the data.
{{domxref("Geolocation.watchPosition()")}}
Returns a long value representing the newly established callback function to be invoked whenever the device location changes.
{{domxref("Geolocation.clearWatch()")}}
Removes the particular handler previously installed using watchPosition().

Specifications

Specification Status Comment
{{SpecName('Geolocation')}} {{Spec2('Geolocation')}} Initial specification.

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 5 {{CompatGeckoDesktop("1.9.1")}} 9 10.60
Removed in 15.0
Reintroduced in 16.0
5
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{CompatUnknown()}} {{CompatUnknown()}} {{CompatGeckoMobile("4")}} {{CompatUnknown()}} 10.60 {{CompatUnknown()}}

See also

Revision Source

<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>
Revert to this revision