Geolocation med HTML5 och javascript. Integration med Google Maps

Nya produkter introduceras med HTML5 är många och några särskilt intressanta. Bland dessa sticker ut, utan tvekan, stöd för geolokaliserings som automatiskt kan upptäcka användarens geografiska läge via webbläsaren.

Använda geolokaliserings, faktiskt, med stöd för HTML5 webbläsare kan spåra var användaren med hjälp av IP-adress tilldelad av din Internet-anslutning, närheten till cell kommunikation (för mobil anslutning) eller via " GPS-antenn kan integreras i enheten. Positionen upptäckt georafica naturligtvis sker endast efter uttryckligt medgivande av den berörda personen (som kommer att underrättas om begäran av webbsidan för att göra spårning av position, en begäran som kommer att kunna samtycke eller inte).

Den plats som returneras av webbläsaren uttrycks av dess koordinater (latitud och longitud) som sedan kan användas av JavaScript. Den nya Geolocation API bygger på en ny fastighet i vägvisaren objekt: navigator.geolocation.

För att kontrollera om webbläsaren har stöd för dessa nya API för HTML5 räcker därför villkorat ringa ett samtal så här:

 if (navigator.geolocation) {



  



 / / Browser-redo med stöd för HTML5 Geolocation







 Else {}



  



 / / Inget stöd för Geolocation







 }

Här är några enkla Javascript-kod (som skall införas i rubriken på sidan) för detektion av användarens geografiska koordinater:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("Den geografiska lokalisering är inte möjlig ');







 }









 mia_posizione function () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ("Plats") innerHTML = 'Din position: ". + lat +", "+ lon;

  





 }

I kroppen på sidan inte bara har att sätta in ett element med id "position" inom vilken användaren koordinaterna kommer att skrivas.

För att se ett fungerande exempel klicka här .

GetCurrentPosition function ()

Som du kan se om din webbläsare stöder Geolocation getCurrentPosition vener kallas funktionen () som i vårt exempel är ett argument som skickas som återuppringning på framgång.
Egentligen detta fungerar medger tre parametrar:

• återuppringning på framgång;
• Återuppringning till misslyckande;
• alternativ:
  • enableHighAccuracy: sant eller falskt, är att begära att enheten ska skicka platsen med högsta noggrannhet (attivamndo till exempel GPS-enheten);
  • timeout: längsta väntan för detektion av position (i millisekunder);
  • maximumAge: högsta åldersgräns efter vilken upptäckt måste utföras Nuvo positionsspårning;

Här är ett exempel på att använda en getCurrentPosition () med alla tillåtna tre parametrar:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: falska});

 

• <<
• 1
• 2
• 3
• >>