HTML5获取地理位置信息

最新推荐文章于 2024-11-02 19:19:35 发布

aj1971

最新推荐文章于 2024-11-02 19:19:35 发布

阅读量98

点赞数

文章标签： javascript ViewUI

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

版权

本文介绍了一种利用HTML和JavaScript结合navigator.geolocation API来获取用户地理位置信息的方法。通过一个简单的示例，演示了如何检查浏览器是否支持地理定位，以及如何在支持的情况下获取用户的经纬度坐标。

摘要由CSDN通过智能技术生成

<!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>