使用JavaScript实现地理定位信息
<body>
<p id="location">用来显示定位信息</p>
<input type="button" value="定位" onclick="showLocation()">
<script type="text/javascript">
//定义一个函数:用来获取用户的定位信息
var x=document.getElementById("location");
function showLocation(){
//判断是否可以定位
if(navigator.geolocation){
//getCurrentPosition()中需要传入一个回调函数
navigator.geolocation.getCurrentPosition(location_1,showError);
}else{
x.innerHTML="无法获取当前位置";
}
}
function location_1(position){
//显示获取到的用户定位中的纬度和经度
x.innerHTML="纬度:"+position.coords.latitude+"经度:"+position.coords.longitude;
}
function showError(error){
//PERMISSION_DENIED 用户不允许地理定位
//POSITON_UNAVAILABLE 无法获取当前位置
//TIMEOUT 操作超时
switch (error.code) {
case error.PERMISSION_DENIED:
x.innerHTML="用户不允许地理定位";
break;
case error.POSITON_UNAVAILABLE:
x.innerHTML="无法获取当前位置";
break;
case error.TIMEOUT:
x.innerHTML="操作超时";
break;
}
}
</script>
</body>点击定位时，即可显示当前地理位置。
版权声明：本文为m0_61902288原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。