<!DOCTYPE html>
<html >
<head>
<title>HTML5 Demo: geolocation</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAZNVcM3B5rUU5SJeXURUaBxTBfUk9TZrBRaIteybtnU2KziHEpRTn4b5CncoKZUG6YvDa1nKeST_Y5A"
type="text/javascript"></script>
</head>
<body >
<script>
var geocoder = null;
function addAddressToMap(response) {
if (!response || response.Status.code != 200) {
alert("对不起,不能解析这个地址");
} else {
var add = "";
for (var i = 0; i < response.Placemark.length; i++) {
add += response.Placemark[i].address + " | ";
}
alert("您查找的位置是 : " + add.substr(5,3));
}
}
function showLocation(address) {
if (GBrowserIsCompatible()) {
geocoder = new GClientGeocoder();
geocoder.getLocations(address, addAddressToMap);
}
}
function success(position) {
alert(position.coords.latitude);
alert(position.coords.longitude);
showLocation(position.coords.latitude + "," + position.coords.longitude);
return position.coords.latitude + "," + position.coords.longitude;
}
function error(msg) {
// var s = document.querySelector('#status');
// s.innerHTML = typeof msg == 'string' ? msg : "failed";
// s.className = 'fail';
// console.log(arguments);
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success, error);
} else {
error('not supported');
}
</script>
</body>
</html>
http://zhan.renren.com/lovecodes?gid=3602888498024546812&from=post&checked=true
或者画出地理位置图: http://www.2cto.com/kf/201205/130760.html