利用googleAPI+javascript实现地理位置的地位(以你所在的网络服务商地址为准,如果是移动平台则可实现精确定位) 需要用到另外一篇文章的js文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script
src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAA6chHIb0CE5YOgVCVgPzudxRPmUWmtULUUbKB0qs81GM74jtPGBRIjJYlUcPfI9O9uzhW7X-a5Cl3Dg&sensor=true"
type="text/javascript"></script>
<script src="js/modernizr.js"></script>
<script src="js/html5base.js"></script>
<script type="text/javascript">
function showMap(position)
{
document.getElementById("info").innerHTML='你所在的位置为经度:'+position.coords.longitude+'纬度:'+position.coords.latitude;
showPositionInMap(position.coords.latitude,position.coords.longitude);
}
function errorHandler(errCode)
{
if(errCode.code==1)
{
showError("你取消了定位请求");
}
else if(errCode.code==2)
{
showError("当前位置信息不可用");
}
else if(errCode.code==3)
{
showError("获取位置信息超时");
}
else
{
showError("未知错误");
}
}
function getLocation()
{
if(!Modernizr.geolocation)
{
showError("你的浏览器不支持定位功能");
}
else
{
navigator.geolocation.getCurrentPosition(showMap,errorHandler);
}
}
</script>
<title>Find my position</title>
</head>
<body οnlοad="initialize()" οnunlοad="GUnload()">
<input id="input" name="input1" οnclick="getLocation()" type="button" value="查找你的位置"/>
<div id="info" style="height: 50px; line-height: 50px;"></div>
<div id="map" style="width: 800px; height: 500px;"></div>
</body>
</html>