HTML5 获取当前位置的经纬度

今天给大家看看我自己写的demo怎么实现H5地理定位吧。（就是一个简单的案例长的不漂亮）

页面代码

< p id="demo">点击这个按钮，获得您的坐标：< /p>
< button onclick="getLocation()">试一下< /button>

JS部分

< script >
    var x=document.getElementById("demo");
    function getLocation(){
        if (navigator.geolocation){
            navigator.geolocation.getCurrentPosition(showPosition);
        }else{
            x.innerHTML="Geolocation is not supported by this browser.";
        }
    }
    function showPosition(position){
        x.innerHTML="Latitude: " + position.coords.latitude + "
Longitude: " + position.coords.longitude;
    }
 < /script >

例子解释：

检测是否支持地理定位
如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。
如果getCurrentPosition()运行成功，则向参数showPosition中规定的函数返回一个coordinates对象
showPosition() 函数获得并显示经度和纬度
上面的例子是一个非常基础的地理定位脚本，不含错误处理。

有什么不明白的请看 HTML5API