3.地理定位 Geolocation

参考地址：http://www.runoob.com/html/html5-geolocation.html

//1.判断浏览器是否支持位置接口

function support_location(){
    if(navigator.geolocation) {
        // 支持
        console.log("支持地理位置接口");
        document.getElementById("dv1").innerHTML="支持地理位置接口";
    } else {
        // 不支持
        console.log("不支持地理位置接口");
        document.getElementById("dv1").innerHTML="不支持地理位置接口";
    }
}

//2.判断用户是否授权
ffunction shouquan_location(){
    var option = {
          // 指示浏览器获取高精度的位置，默认为false
          enableHighAccuracy: true,
  // 指定获取地理位置的超时时间，默认不限时，单位为毫秒
     timeout: 5000,
          // 最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。
          maximumAge: 0
    };

    navigator.geolocation.getCurrentPosition(successfun,errorfun,option);

}
//-----------------------
function successfun(event) {
    var lat = event.coords.latitude; //纬度
    var lag = event.coords.longitude; //经度
    alert('纬度:'+lat+',经度:'+lag);

    var latlon = event.coords.latitude+','+event.coords.longitude;
    var url = "http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b&callback=renderReverse&location="+latlon+"&output=json&pois=0";
    $.ajax({
        type: "GET",
        dataType: "jsonp",
        url: url,
        beforeSend: function(){
            $("#baidu_geo").html('正在定位...');
        },
        success: function (json) {
            if(json.status==0){
                $("#baidu_geo").text(json.result.formatted_address);
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            $("#baidu_geo").text(latlon+"地址位置获取失败");
        }
    });
}
//--------------------------------
function errorfun(error)
{
    switch(error.code)
    {
        case error.PERMISSION_DENIED:
            document.getElementById("dv2").innerHTML="用户拒绝对获取地理位置的请求。"
            break;
        case error.POSITION_UNAVAILABLE:
            document.getElementById("dv2").innerHTML="位置信息是不可用的。"
            break;
        case error.TIMEOUT:
            document.getElementById("dv2").innerHTML="请求用户地理位置超时。"
            break;
        case error.UNKNOWN_ERROR:
            document.getElementById("dv2").innerHTML="未知错误。"
            break;
    }
}

--------------

getCurrentPosition（）返回成功后，position对应的属性值

coords.latitude 十进制数的纬度

coords.longitude 十进制数的经度

coords.accuracy 位置精度

coords.altitude 海拔，海平面以上以米计

coords.altitudeAccuracy 位置的海拔精度

coords.heading 方向，从正北开始以度计

coords.speed 速度，以米/每秒计

timestamp 响应的日期/时间

-----------------------------

watchPosition

// watchPosition方法一样可以设置三个参数  
 // 使用方法和getCurrentPosition方法一致，只是执行效果不同。  
 // getCurrentPosition只执行一次  
 // watchPosition只要设备位置发生变化，就会执行  
     var watcher_id = navigator.geolocation.watchPosition(getSuccess, getError, getOptions);  
  //clearwatch用于终止watchPosition方法  
  navigator.geolocation.clearWatch(watcher_id);