Geolocation med HTML5 og javascript. Integrasjon med Google Maps

Nye produkter blir introdusert med HTML5 er mange og noen spesielt interessant. Blant disse skiller seg ut, ingen tvil, støtte for geolocation, som automatisk kan oppdage brukerens geografiske plassering gjennom leseren.

Bruk geolocation, faktisk, med støtte for HTML5 nettlesere er i stand til å spore plasseringen av brukeren ved hjelp av IP-adressen tildelt av din ISP tilkobling, nærhet til celle kommunikasjon (for mobil tilkobling) eller via ' GPS-antennen kan integreres inn i enheten. Stillingen påvisning georafica, selvfølgelig, forekommer bare etter uttrykkelig samtykke fra vedkommende (som vil bli underrettet av anmodningen på websiden for å gjøre sporing av stillingen, en forespørsel som vil være i stand til å samtykke eller ikke).

Plasseringen returneres av nettleseren er uttrykt ved dens koordinater (lengdegrad og breddegrad) som kan deretter brukes av JavaScript. Den nye Geolocation API er basert på en ny egenskap ved navigatøren objektet: navigator.geolocation.

For å sjekke om nettleseren har støtte for disse nye API for HTML5 er tilstrekkelig, derfor betinget ringe som dette:

 if (navigator.geolocation) {



  



 / / Browser-ready med støtte for HTML5 geolocation







 Else {}



  



 / / Ingen støtte for geolocation







 }

Her er noen enkle Javascript-kode (som skal settes inn i overskriften på siden) for påvisning av brukerens geografiske koordinater:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ('The geo-lokalisering er ikke mulig');







 }









 mia_posizione funksjon () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ('sted') innerHTML = 'Din posisjon:'. + lat + ',' + lon;

  





 }

I hoveddelen av siden ikke bare å sette inn et element med id "posisjon" innen hvilke brukeren koordinater vil bli skrevet.

For å se en fungerende eksempel klikke her .

GetCurrentPosition funksjon ()

Som du kan se om din nettleser støtter Geolocation getCurrentPosition venene kalt funksjon () som i vårt eksempel, er et argument som tilbakeringing på suksess.
Egentlig dette fungerer innrømmer tre parametere:

• tilbakeringing på suksess;
• Tilbakeringing på svikt;
• alternativer:
  • enableHighAccuracy: sant eller usant, er å be om at enheten skal sende plasseringen med den høyeste grad av nøyaktighet (attivamndo, for eksempel GPS-enheten);
  • timeout: maksimal varighet av ventetid for påvisning av posisjon (i millisekunder);
  • maximumAge: maksimum alder hvoretter deteksjon må utføres Nuvo posisjon sporing;

Her er et eksempel på bruk av en getCurrentPosition () med alle tre parametere tillatt:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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