html5 地理定位

最新推荐文章于 2017-04-11 08:57:00 发布

zmnll

最新推荐文章于 2017-04-11 08:57:00 发布

阅读量363

点赞数

本文链接：https://blog.csdn.net/zmnqiangwei/article/details/45060499

版权

<!DOCTYPE html>
<html>
  <head>
    <title>position.html</title>
<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta content="telephone=no" name="format-detection" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style" />
	<!--[if lte IE]>
	<meta name="renderer" content="ie-stand">
	<![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   <script type="text/javascript">
   	

locationError= function(error){
    switch(error.code) {
        case error.TIMEOUT:
            alert("A timeout occured! Please try again!");
            break;
        case error.POSITION_UNAVAILABLE:
            alert('We can\'t detect your location. Sorry!');
            break;
        case error.PERMISSION_DENIED:
            alert('Please allow geolocation access for this to work.');
            break;
        case error.UNKNOWN_ERROR:
            alert('An unknown error occured!');
            break;
    }
}
locationSuccess= function(position){
    var coords = position.coords;    
    alert(coords.longitude + " " + coords.latitude);
   
   
}

function go (){
   if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(locationSuccess, locationError,{
        // 指示浏览器获取高精度的位置，默认为false
        enableHighAcuracy: true,
        // 指定获取地理位置的超时时间，默认不限时，单位为毫秒
        timeout: 5000,
        // 最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。
        maximumAge: 3000
    });
}else{
    alert("Your browser does not support Geolocation!");
}
};

   </script>
  </head>
  
  <body>
   <input type ="button" value = "地理定位" οnclick="go()">
  </body>
</html>

pc 上不能用翻墙可以用手机上可以用还是挺准的

zmnll

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5 地理定位

position.html --> locationError= function(error){ switch(error.code) { case error.TIMEOUT: alert("A timeout occured! Please try again!");
复制链接

扫一扫