Geolocation kanssa HTML5 ja JavaScript. Integrointi Google Maps

Uudet tuotteet otetaan käyttöön ja ​​HTML5 on monia ja jotkut erityisen mielenkiintoisia. Näistä erottuu, epäilemättä, tukea maantieteellisen paikannuksen, joka kykenee automaattisesti havaitsemaan käyttäjän maantieteellisen sijainnin selaimen kautta.

Käyttämällä Geolocation, itse asiassa, joka tukee HTML5 selaimet voivat seurata sijainnin käyttäjän IP-osoitteen avulla määritetty ISP-yhteyden, läheisyyden solujen viestintää (mobiili yhteys) kautta tai " GPS-antenni voi olla integroitu laitteeseen. Paikannustehtäviin georafica tietenkin tapahtuu vasta nimenomaisen suostumuksensa kyseisen henkilön (joka ilmoitetaan pyynnöstä sivun tehdä seurantaa asema, pyyntö joka voi suostumusta tai ei).

Sijainti palauttama selaimen ilmaistaan ​​sen koordinaatit (leveys-ja pituuspiiri), joita voidaan sitten käyttää JavaScriptiä. Uusi Geolocation API perustuu uuden ominaisuuden navigointiobjektin: navigator.geolocation.

Jotta voidaan tarkistaa, jos selain tarjoaa tukea näitä uusia API HTML5 riittää siis ehdollinen soittaa tältä:

 if (navigator.geolocation) {



  



 / / Browser-valmiina tuki HTML5 paikannusominaisuuden







 Else {}



  



 / / Ei tukea paikannusominaisuuden







 }

Tässä on muutamia yksinkertaisia ​​Javascript-koodi (lisätään otsikossa sivulla) havaitseminen käyttäjän maantieteelliset koordinaatit:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ("geo-lokalisointi ei ole mahdollista");







 }









 mia_posizione function () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ('Location'). innerHTML = 'Sijaintisi:' + lat + "," + lon;

  





 }

Elimistössä sivu ei ole vain lisätä elementin id "asento", jossa käyttäjä koordinaatit kirjoitetaan.

Voit nähdä toimiva esimerkki tästä .

GetCurrentPosition toiminto ()

Kuten näette, jos selain tukee paikannusominaisuuden getCurrentPosition suonet kutsutaan toiminto (), joka esimerkissä yhden argumentin välitetään soittopyyntö menestykseen.
Oikeastaan ​​tämä toimii myöntää kolme parametriä:

• soittopyynnön Menestystä;
• Takaisinsoitto on vika;
• vaihtoehdoista:
  • enableHighAccuracy: totta vai tarua, on pyytää laite lähettää sijainnin kanssa korkeimmalla tarkkuustasolla (attivamndo, esimerkiksi GPS-laite);
  • timeout: enimmäiskesto odottaa havaitseminen asema (millisekunteina);
  • maximumAge: yläikärajaa, jonka jälkeen havaitseminen on suoritettava nuvo Sijainnin seuranta;

Tässä esimerkki käyttää getCurrentPosition () kanssa kaikkien kolmen parametrin sallittu:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: False});

 

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