页面获取地理位置经纬度

60 阅读 0 评论 40 点赞

我是靠谱客的博主大意饼干，最近开发中收集的这篇文章主要介绍页面获取地理位置经纬度，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

html jsp页面获取经纬度


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>页面定位</title>
</head>
<body>
<h2>页面定位</h2>


<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script type="text/javascript">

/*获取位置信息*/
$(function(){
    getLocation();
});

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(locationSuccess,errorCallback, {
            enableHighAcuracy : true,
            timeout : 5000,
            maximumAge : 5000
        });
    }
}
locationSuccess = function(position) {
    loadLocationData(position);
}

errorCallback = function(error) {
    console.log('---出错了---'+error);
   // loadLocationData();
}


function loadLocationData(position) {
    var latitude;
    var longitude;
    if(position != null){
        var coords = position.coords;
        latitude = coords.latitude;
        longitude = +coords.longitude;
    }else{
        latitude = 22.545318;
        longitude = 114.016759;
    }
    $.ajax({
        url : 'position/query',
        data : {
            "latitude" : latitude,
            "longitude" : longitude
        },
        dataType : "json",
        type : "post",
        success : function(data) {
            if (data != null) {

            }
        }
    });
    console.log('纬度：'+latitude+'  经度：'+longitude);
}

</script>


</body>
</html>