HTML5Geolocation API 使用指南

 在做客户端开发时，能适应不同平台一直是程序员的一大难题，什么Android、ios、winphone 语法千差万别，就定位功能而言，要实现全平台就需要很大的人力、物力。今天笔者就分享一下在浏览器中使用HTML5实现实时定位，真正一次开发，处处运行。

•    使用HTML5 Geolocation（地理定位API），你可以请求用户共享他们的位置，在用户允许后，应用程序就可以向其提供周边热点信息

 

       设备可以获得如下数据源：

        1、IP地址

        2、三维坐标（GPS、WIFI、GSM或CDMA的ID）

        3、用户自定义数据

• 优缺点比较：

     IP定位：优点-任何地方都可用，在服务器端处理

                      缺点：不精确（设计差别比较大）

           GPS定位：优点：非常精确

                        缺点：定位耗时长、消耗能量多、需要设备支持、室内效果不佳

           WiFi定位（通过多个热点计算三角距离）：

                       优点：精确、简单快捷

                       缺点：乡镇，不发达地区效果差

          手机地理定位（计算到运营商基站三角距离）：

                      优点：比较精确、环境约束小、简单快捷

                      缺点：需要设备支持、偏远地区效果不佳。

1. 检查浏览器是否支持：

       if (navigator.geolocation) {
             //DoSth...
           } else {
                   alert("Sorry Browser not support!");
                   console.log("Browser Error...");
       }

    

2. 单次位置请求：

        方法：void getCurrentPosition(in PositionCallback successCallback,

    

   in optional PositionErrorCallback errorCallback,in optional Positions options);

•     successCallback:当浏览器请求成功后的回调函数。

•     errorCallback：请求失败的回调函数（可选）。

•     options：可选参数【timeout:操作超时；enableHighAccuracy：启用高精度模式；】

• 实例：  详情请看我的百度文档：

                        http://jingyan.baidu.com/article/acf728fd1e50ecf8e410a360.html