HTML5 ve javascript ile Geolocation. Google Maps ile entegrasyon

HTML5 ile tanıtılıyor Yeni Ürünler çok ve bazı dikkat çekicidir. Bunlar arasında otomatik olarak tarayıcı aracılığıyla kullanıcının coğrafi konumu algılayabilir hiç şüphesiz, geolocation için destek, dikkat çekiyor.

HTML5 tarayıcılar için desteği ile, aslında, ISS bağlantınızı tarafından atanan IP adresini kullanarak kullanıcının yerini, hücre iletişim yakınlık (mobil bağlantısı için) izlemek mümkün geolocation olarak kullanılması veya üzerinden ' GPS anteni cihaza entegre olabilir. Konum algılama georafica, tabii, ilgili kişinin açık rızası sonra yalnızca oluşur (pozisyon izleme, izin veya mümkün olacak bir istek yapmak için web sayfası talebi bildirilecektir kim).

Tarayıcı tarafından döndürülen konumu sonra JavaScript tarafından kullanılabilir koordinatlarını (enlem ve boylam) ile ifade edilir. Navigator.geolocation: Yeni geolocation API navigasyon nesnesinin yeni bir özellik dayanmaktadır.

HTML5 yeterlidir için tarayıcı bu yeni API desteği sunup sunmadığını kontrol etmek için, bu nedenle, koşullu böyle bir çağrı yapmak:

 if (navigator.geolocation) {



  



 / / Tarayıcı hazır HTML5 geolocation desteği ile







 Else {}



  



 Geolocation için / / desteği yok







 }

Burada kullanıcının coğrafi koordinatları tespiti için bazı basit JavaScript kodu (sayfanın başlığında eklenecek) 'dir:

 if (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 Else {}



  



 alert ('jeo-yerelleştirme mümkün değildir');







 }









 mia_posizione function () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ('yer') innerHTML = 'konumunuz:'. + lat + ',' + boylam;

  





 }

Sayfasının gövdesinde sadece kullanıcı koordinatları yazılır, içinde id "position" ile bir öğe eklemek zorunda değil.

Çalışan bir örnek görmek için buraya tıklayınız .

GetCurrentPosition function ()

Tarayıcınızın destekleyip desteklemediğini Gördüğünüz gibi Geolocation getCurrentPosition damar bizim örneğimizde, bir argüman başarı geri olarak aktarılır, function () denir.
Aslında bu işler üç parametre kabul ediyor:

• Başarı geri arama;
• Başarısızlık durumunda geri arama;
• seçenekleri:
  • enableHighAccuracy: doğru veya yanlış, doğruluğu en üst düzeyde (attivamndo, örneğin, GPS cihazı) ile yer göndermek istediğiniz cihazı talep etmektir;
  • zaman aşımı: konum tespiti (milisaniye olarak) bekliyor maksimum süresi;
  • maximumAge: algılama Nuvo pozisyon takibi yapılmalıdır sonra maksimum yaş;

Burada izin verilen her üç parametre ile getCurrentPosition () kullanarak bir örnek:

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy: false});

 

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