Geolocation ar HTML5 un javascript. Integrācija ar Google Maps

Tiek ieviesti jauni produkti ar HTML5 ir daudz, un dažas īpaši interesantas. Starp tiem izceļas ar to, bez šaubām, par ģeogrāfiskās vietas atbalstu, kas var automātiski noteikt lietotāja ģeogrāfisko atrašanās vietu, izmantojot pārlūku.

Izmantojot ģeogrāfiskās vietas, faktiski, ar atbalstu HTML5 pārlūkprogrammās var izsekot no lietotāja atrašanās vietu, izmantojot IP adrese, ko piešķir jūsu ISP pieslēgumu, netālu šūnu saziņu (par mobilo savienojumu) vai ar " GPS antena var būt iebūvēts ierīcē. Pozīciju atklāšanas georafica, protams, notiek tikai pēc nepārprotama piekrišana attiecīgās personas (kas tiks informēti par lūguma mājas lapu, lai veiktu izsekošanu stāvokli, pieprasījumu, kas varēs piekrist vai ne).

Atrašanās vieta, ko atgriež pārlūkā ir izteikts pēc tā koordinātām (ģeogrāfiskais platums un garums), kas pēc tam var izmantot JavaScript. Jaunais ģeogrāfiskās vietas API balstās uz jaunu īpašuma navigator objekts: navigator.geolocation.

Lai pārbaudītu, ja pārlūkprogrammas piedāvā atbalstu šo jauno API HTML5 tāpēc pietiek, nosacījuma piezvanītu piemēram, šo:

 if (navigator.geolocation) {



  



 / / Browser-ready, kas atbalsta HTML5 ģeogrāfiskās vietas







 Else {}



  



 / / Nav atbalsta ģeogrāfiskās vietas







 }

Šeit ir dažas vienkāršas Javascript kodu (jāievieto galvenē lapā), lai noteiktu lietotāja ģeogrāfiskās koordinātes:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ('ģeo-lokalizācija nav iespējama');







 }









 mia_posizione funkcija () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ("atrašanās vietas") innerHTML = 'Jūsu pozīcija: ". + lat +', '+ Lon;

  





 }

Organismā no lapas, ne tikai ir jāievieto elements ar id "stāvoklis", kurā lietotājs koordinātas tiks rakstīts.

Lai redzētu darba piemēru , noklikšķiniet šeit .

GetCurrentPosition funkcija ()

Kā jūs varat redzēt, ja jūsu pārlūkprogramma atbalsta Geolocation getCurrentPosition vēnām sauc funkciju (), kuras mūsu piemēram, viens arguments tiek nodots kā atzvanīšanas par panākumiem.
Faktiski tas darbojas atzīst trīs parametri:

• atzvanīšanas par panākumiem;
• Atzvans uz mazspēja;
• iespējas:
  • enableHighAccuracy: patiesa vai nepatiesa, ir pieprasīt ierīce nosūtītu atrašanās vietu ar augstāko precizitātes līmeni (attivamndo, piemēram, GPS ierīce);
  • taimauts: maksimālais ilgums gaidīšanas lai noteiktu pozīciju (milisekundēs);
  • maximumAge: maksimālo vecumu, pēc kura atklāšanas jāveic nuvo pozīciju uzskaites;

Lūk, lietojot getCurrentPosition () ar visām trim atļauts parametrus, piemēram:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback {enableHighAccuracy: false});

 

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