Geolocation med HTML5 og JavaScript. Integration med Google Maps

Nye produkter bliver introduceret med HTML5 er mange, og nogle særligt interessante. Blandt disse skiller sig ud, ingen tvivl om, støtte til geolocation, som automatisk kan registrere brugerens geografiske placering ved hjælp af browseren.

Brug geolocation, i virkeligheden, med understøttelse af HTML5 browsere er i stand til at spore placeringen af ​​brugeren ved hjælp af IP-adresse tildelt af din ISP-forbindelse, nærhed til celle kommunikation (for mobil forbindelse) eller via ' GPS-antennen kan blive integreret i enheden. Stillingen detektion georafica, selvfølgelig, sker kun efter udtrykkeligt samtykke fra den pågældende person (der vil blive underrettet om anmodningen fra den webside for at gøre det muligt at spore den position, en anmodning, som vil være i stand til at samtykke eller ej).

Placeringen returneres af browseren kommer til udtryk ved dets koordinater (breddegrad og længdegrad), der kan så bruges af JavaScript. Den nye geolocation API er baseret på en ny egenskab ved navigator objekt: navigator.geolocation.

For at kontrollere, om browseren tilbyder støtte til disse nye API til HTML5 er derfor tilstrækkeligt, betingede foretage et opkald som dette:

 if (navigator.geolocation) {



  



 / / Browser-klar med understøttelse af HTML5 Geolocation







 Else {}



  



 / / Ingen støtte til Geolocation







 }

Her er nogle enkle Javascript-kode (der skal indsættes i overskriften på siden) til påvisning af brugerens geografiske koordinater:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("Den geo-lokalisering er ikke muligt ');







 }









 mia_posizione function () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



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

  





 }

I selve siden ikke kun skal indsætte et element med id "position", inden for hvilken brugeren koordinater vil blive skrevet.

Hvis du vil se en arbejdsgruppe eksempel klikke her .

GetCurrentPosition function ()

Som du kan se, om din browser understøtter Geolocation getCurrentPosition vener kaldet function (), som i vores eksempel, er et argument gået som tilbagekald på succes.
Faktisk det virker indrømmer tre parametre:

• tilbagekald på succes;
• Tilbagekald ved fejl;
• muligheder:
  • enableHighAccuracy: sandt eller falsk, er at anmode enheden til at sende den placering med den højeste grad af præcision (attivamndo, for eksempel GPS-enheden);
  • timeout: maksimal varighed for at vente til påvisning af positionen (i millisekunder);
  • maximumAge: maksimal alder efter hvilken detektion skal udføres Nuvo stilling sporing;

Her er et eksempel på at bruge en getCurrentPosition () med alle tre tilladte parametre:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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