html5之使用地理定位的代码分享

1)使用地理定位：

  通过navigator.geolocation访问地理定位功能，返回一个Geolocation对象；

  1.1）Geolocation对象成员：

       getCurrentPosition(callback,errorCallback,options)——获取当前位置；

       watchPosition(callback,error,options)——开始监控当前位置；

立即学习“前端免费学习笔记（深入）”；

       clearWatch(id)——停止监控当前位置；

  1.1.1）浏览器调用getCurrentPosition的callback函数的参数时，会传入一个提供位置详情的position对象；

        position对象成员：

        coords——返回当前位置的坐标，即Coordinates对象；

        timestamp——返回获取坐标信息的时间；

        Coordinates对象成员：

        latitude——返回用十进制表示的纬度；

红技shop网上购物系统

红技SHOP是一款智能化的通用型网络商城系统，取市面上众多的同类商城系统之精华，去除其它同类商品的不足之处和复杂烦琐的无用功能，用红技独有研发技术不断地加以提炼，使系统体积小而功能全面所有功能都能发辉作用。红技SHOP无论在系统稳定性、代码优化、运行效率、负荷能力、安全性能、功能可操控性和程序可维护性等方面都居国内外同类网上购系统商品的领先者。红技SHOP是专业的网络商城的WEB软件开发单位，因为

下载

        longitude——返回用十进制表示的经度；

        altitude——返回用米表示的海拔高度；

        accuracy——返回用米表示的坐标精度；

        altitudeAccuracy——返回用米表示的海拔精度；

        Current0ing——返回用度表示的行进方向；

        speed——返回用米/秒表示的行进速度；

2）处理地理定位错误：

   getCurrentPosition(callback,errorCallback,options)方法的第二个参数，它让我们可以指定一个函数，在获    取位置发生错误时调用它。此函数会获得一个PositionError对象；

   PositionError对象成员：

   code——返回代表错误类型的代码；

       =1——用户未授权使用地理定位功能；

       =2——不能确定位置；

       =3——请求位置的尝试已超时；

   message——返回描述错误的Current1；

3）指定地理定位选项：

   getCurrentPosition(callback,errorCallback,options)方法提供的第三个参数是一个PositionOptions对象。

   PositionOptions对象的成员：

   enableHighAccuracy——告诉浏览器我们希望得到可能的最佳结果；

   timeout——限制请求位置的Current2，设置多少毫秒后会报告一个超时错误；

   maximumAge——告诉浏览器我们愿意接受Current3过的位置，只要它不早于指定的毫秒数；

4）监控位置：

   watchPosition方法不断获得关于位置的Current4。所需参数与getCurrentPosition方法相同，工作方式也一样。

   区别在于：随着位置发生改变，Current5会被反复地调用。 

       table{
           border-collapse: collapse;
       }
        th,td{
            padding: 4px;
        }
        th{
            text-align: right;
        }

    

        

            
经度：
-
            
纬度：
-
        
        

            
海拔高度：
-
            
坐标精度：
-
        
        

            
海拔精度：
-
            
行进方向：
-
        
        

            
速度：
-
            
时间：
-
        
        

            
错误类型:
-
            
错误信息
-
        
    
    Cancel Watch
        var options={
            enableHighAccuracy:false,
            timeout:2000,
            maximumAge:30000
        }
        var WatchID=navigator.geolocation.watchPosition(displayPosition,handleError,options)
        document.getElementById("pressme").onclick=function(e){
            navigator.geolocation.clearWatch(WatchID);
        }
        function displayPosition(pos){
            var properties=["longitude","latitude","altitude","accuracy","altitudeAccuracy","heading","speed"];
            for(var i=0;i