首页 > Web开发 > 详细

HTML5获取地理位置信息

时间:2017-01-14 10:15:23      阅读:274      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
<head>
    <title>Location</title>
    <meta charset="utf-8">
</head>
<body>
<input type="button" id="btnLocation" value="获取位置信息">
</body>
<script src="jquery.min.js"></script>
<script type="text/javascript">
    //检测是否支持地理信息
    function isSupportGeo(){
        return (navigator.geolocation!=null);
    }
    //绑定click事件
    $("#btnLocation").click(function () {
        if(!isSupportGeo()){
            alert("浏览器不支持地理位置信息定位!");
        }else{
            navigator.geolocation.getCurrentPosition(doSucc,doFail);
        }
    });
    //处理成功
    function doSucc(position) {
        //alert("成功获取地理信息!");
        alert("经度:"+position.coords.longitude+"纬度:"+position.coords.latitude);
    }
    //处理失败
    function doFail(error) {
        alert("获取地理信息失败!");
    }
</script>
</html>

 

HTML5获取地理位置信息

原文:http://www.cnblogs.com/haciont/p/6284660.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!