在html页面点击按钮时如何获取当前地理位置,如图:

html-css08

在html页面点击按钮时如何获取当前地理位置,如图:,第1张

在支持html5地理定位API的浏览器上,window.navigator对象新增了一个geolocation属性,以及相关的Geolocation API。都是用JS进行访问的。

下面是一个例子:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>地理位置</title>

</head>

<body>

    <script>

        navigator.geolocation.getCurrentPosition(

            function(position){

            var cords = position.coords

                alert("当前经度:"+cords.longtitude +", 纬度:"+cords.latitude)

            },

            function(error){

                var errorTypes={1:"位置服务被拒绝", 2:"获取不到位置信息", 3:"获取位置信息超时"}

                alert( errorTypes[error.code] +":,不能确定当前地理位置")

            }

        )

    </script>

</body>

</html>

这只是一个例子,一般用经度和纬度调用地图如百度地图的API显示。

注意:在电脑本机上没法测试,一般把网页放到服务器上,用手机访问可以定位。

在支持html5地理定位API的浏览器上,window.navigator对象新增了一个geolocation属性,以及相关的Geolocation API。都是用JS进行访问的。

下面是一个例子:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>地理位置</title>

</head>

<body>

<script>

navigator.geolocation.getCurrentPosition(

function(position){

var cords = position.coords

alert("当前经度:"+cords.longtitude +", 纬度:"+cords.latitude)

},

function(error){

var errorTypes={1:"位置服务被拒绝", 2:"获取不到位置信息", 3:"获取位置信息超时"}

alert( errorTypes[error.code] +":,不能确定当前地理位置")

}

)

</script>

</body>

</html>

这只是一个例子,一般用经度和纬度调用地图如百度地图的API显示。

注意:在电脑本机上没法测试,一般把网页放到服务器上,用手机访问可以定位。