Презентация на тему Html geolocalizare (geolocation)

afla poziţia geografică a unui vizitator. Această opţiune poate fi

folosită doar dacă vizitatorul acceptă localizarea poziţiei sale (datorită confidenţialităţii utilizatorilor).

getLocation()   {   if (navigator.geolocation)     {     navigator.geolocation.getCurrentPosition(showPosition);     }   else {x.innerHTML="Geolocation nu se suporta de

browser.";}   } function showPosition(position) {   x.innerHTML="Latitudine: " + position.coords.latitude +    "
Longitudine: " + position.coords.longitude;       }

getCurrentPosition() este folosit pentru a manipula erorile. Specifică o

funcţie ce va fi executată în cazul în care nu se poate determina poziţia vizitatorului.
Permisiune respinsă (Permission denied) - utilizatorul nu permite Geolocalizarea Poziţie indisponibilă(Position unavailable) - nu este posibilă localizarea A expirat (Timeout) - operaţiunea a expirat
function showError(error)   {   switch(error.code)  {     case error.PERMISSION_DENIED:       x.innerHTML="Utilizatorul a respins cererea pentru Geolocalizare."       break;     case error.POSITION_UNAVAILABLE:       x.innerHTML="Nu sunt disponibile informatii despre Locatie."       break;     case error.TIMEOUT:       x.innerHTML="Cererea pentru aflarea locatiei utilizatorului a expirat."       break;     case error.UNKNOWN_ERROR:       x.innerHTML="A aparut o eroare necunoscuta."       break;     }   }

hartă trebuie să accesăm un serviciu de hărţi ce

poate folosi latitudinea şi longitudinea. Cel mai recomandat este Google Maps.
function showPosition(position) {   var latlon=position.coords.latitude+","+position.coords.longitude;   var img_url="http://maps.googleapis.com/maps/api/staticmap?center="   +latlon+"&zoom=14&size=400x300&sensor=false";   document.getElementById("mapholder").innerHTML="";   }

zoom şi opţiuni de tragere)
function showPosition(position)  {   lat=position.coords.latitude;   lon=position.coords.longitude;   latlon=new google.maps.LatLng(lat, lon)   mapholder=document.getElementById('mapholder')   mapholder.style.height='250px';   mapholder.style.width='500px';   var myOptions={   center:latlon,zoom:14,   mapTypeId:google.maps.MapTypeId.ROADMAP,   mapTypeControl:false,   navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}   };   var

map=new google.maps.Map(document.getElementById("mapholder"),myOptions);   var marker=new google.maps.Marker({position:latlon,map:map,title:“esti AICI!"});   }

un obiect dacă este executată cu succes. Propietăţile atitudine,

longitudine şi precizie sunt întotdeauna returnate. Celelalte propietăţi, specificate în tabelul de mai jos, sunt returnate dacă sunt disponibile.

curentă a utilizatorului şi continuă să actualizeze această poziţie

pe masura că utilizatorul se mişcă (ca GPS-ul într-o maşină).
clearWatch() - opreşte metoda watchPosition().

o hartă statică.
Afişaţi poziţia curentă pe o hartă interactivă.
*Afişaţi

drumul de la poziţia curentă pînă la …