esempio:Ovviamente la geolocalizzazione deve essere consentita espressamente per il sito che la richiede e i risultati dipendono dalla modalita' attivata sul dispositivo in uso (uso gps o solo wifi) ed i risultati sul pc connesso alla adsl sono del tutto inaffidabili.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="it-IT"> <head> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script> window.onload=function(){ //nel load verificaremo di poter ottenere questi dati e se possibile realizzaremo la richiesta if(navigator.geolocation!=undefined){ //la richiesta è asincrona e dovrà essere vincolata ad un dominio navigator.geolocation.getCurrentPosition(GeoLocalizzato,error); }else{ alert("Il tuo navigatore non supporta la Geolocalizzazione"); } } function GeoLocalizzato(posizione){ //Mostriamo la latitudine, longitudine e precisione actual = document.forms[0]; actual.lat.value = posizione.coords.latitude; actual.lon.value = posizione.coords.longitude; actual.acc.value = posizione.coords.accuracy; TestMap(posizione); } var map; function TestMap(position) { var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var mapOptions = { zoom: 15, center: coords, mapTypeControl: false, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); var marker = new google.maps.Marker({ position: coords, map: map, title: "Your current location!" }); } function error(er){ alert("Problemi nel rilevare la tua posizione: "+er.message); } </script> <style> .nb {border:0;} .ds {font-size:200%;font-weight:bold;} </style> </head> <body> <form action="test.asp" method="post"> Latitudine <input type="text" name="lat" value="" readonly size=8 class=nb> <br> Longitudine <input type="text" name="lon" value="" readonly size=8 class=nb> <br> Accuratezza <input type="text" name="acc" value="" readonly size=4 class=nb> <br> </form> <div id="map_canvas" style="width: 100%; height: 300px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA;"></div> </body> </html>
La prova qui: http://www.pusceddu.it/geoloc.htm