esempio:
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>
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.
La prova qui: http://www.pusceddu.it/geoloc.htm