HTML5 地理位置和本地存储

获取地理位置信息和本地存储是HTML5的两大新特性，本文就这两个特性进行讲解，最后整合出一个完整的DEMO。DEMO的页面使用Google map，可以定位当前用户的位置，也可以自定义查询城市，并可以将当前用户的地理坐标保存在Sqllite数据库中。

       最终效果图如下图所示：

     

地理位置信息

        如果你的浏览器支持地理位置信息获取，如果首次在浏览器中访问具有地理位置信息的页面，浏览器会提示是否开启地理位置功能。 Chrome浏览器如下所示：

     

    点击“允许”按钮就可以开始你的地理位置定位之旅了。

    在HTML5中获取当前地理位置信息使用如下代码段：

      navigator.geolocation.getCurrentPosition(onSuccess,onError,option);

     前两个参数是获取当前位置的回调方法，第一个是成功后调用的方法，第二个是失败时调用的方法。这两个方法分别有一个参数， 对应成功和失败的数据。