Comment fonctionne le navigateur web de géolocalisation de travail?

Re comment cela fonctionne: l' Article de Wikipedia décrit plusieurs techniques (localisation d'adresse IP, le téléphone portable et le WiFi de la triangulation, GPS).

Le HTML5 implémentations nécessitent à la fois de prise en charge du navigateur (FF 3.6, Opera 10.60, Chrome 4? 5?, IE peut-être un jour) et le consentement de l'utilisateur avant que les données de géolocalisation sont récupérées.

Quant à la façon de la mettre en œuvre, le le code de la démo, vous faites le lien semble être sous le Licence MIT qui dit en gros "vous pouvez faire ce que, aussi longtemps que vous gardez le code sous licence"; si vous pouviez prendre ce code comme une base pour construire sur.

OriginalL'auteur Piskvor

D'informations et d'exemples de L'API de Géolocalisation du W3C Spécification:

L'API de Géolocalisation définit une interface de haut niveau pour l'emplacement
information associée uniquement avec le dispositif d'hébergement de la
la mise en œuvre, telles que la latitude et la longitude. L'API en elle-même est
agnostique de la sous-jacentes de l'emplacement des sources d'information. Commune
les sources d'informations de localisation Global Positioning System
(GPS) et l'emplacement inférées à partir des signaux d'un réseau telles que l'adresse IP,
RFID, WiFi et Bluetooth, les adresses MAC, et GSM/CDMA cell Id, ainsi
comme une entrée d'utilisateur. Aucune garantie n'est donnée que l'API retourne l'appareil
emplacement réel.

Vous pourriez mettre en œuvre cette façon:

(one-shot demande de position)

function showMap(position) {
  //Show a map centered at (position.coords.latitude, position.coords.longitude).
}

//One-shot position request.
navigator.geolocation.getCurrentPosition(showMap);

(demande d'une position répétée des mises à jour)

function scrollMap(position) {
  //Scrolls the map so that it is centered at (position.coords.latitude, position.coords.longitude).
}

//Request repeated updates.
var watchId = navigator.geolocation.watchPosition(scrollMap);

function buttonClickHandler() {
  //Cancel the updates when the user clicks a button.
  navigator.geolocation.clearWatch(watchId);
}

OriginalL'auteur Agustín