利用googleAPI+javascript实现地理位置的地位（以你所在的网络服务商地址为准）-CSDN博客

本文链接：https://blog.csdn.net/zyx198793/article/details/6715686

利用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>