05-HTML5强大的新 API，03-地理定位

HTML5 API：

1、文件 API （规范与本地文件进行交互的标准方法）

2、拖放 API （提供了直接支持拖放操作的API）

3、地理定位 （获取地理位置信息）

4、web 存储 （在本地存储用户的浏览数据）	

5、Web SQL	（在浏览器上模拟数据库，可以使用JS来操作SQL完成对数据的读写）

6、应用程序缓存 （创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问。）

7、Web Sockets （在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。）

8、SSE	（网页自动获取来自服务器的更新）

9、Web Workers （web worker 是运行在后台的 JavaScript，不会影响页面的性能）

......

3、地理定位

概要：
1、Geolocation API 的基本知识
2、position对象
3、在页面上使用google地图

HTML5中为window.navigator 对象新增了一个geolocation属性

geolocation的三个方法：
1、getCurrentPosition(onSuccess, onError, options)
第一个参数为获取当前地理位置信息成功时所执行的回调函数，
第二个参数为获取当前地理位置失败时所执行的回调函数
第三个为一些可选属性的列表
第二 第三个位可选属性

navigator.geolocation.getCurrentPosition(function(position){…})
在获取地理位置信息成功时执行的回调函数中没用到一个参数position，他代表position对象
同样失败时候有个 error对象，它有两个属性
code属性 值为1 表示用户拒绝了位置服务
值为2 表示获取不到位置信息
值为3 表示信息超时错误
message属性 为一个字符串 包含了错误信息，这个错误信息在开发和调试时很有用。有些浏览器不支持message属性，譬如FF3.6以上

navigator.geolocation.getCurrentPosition(function(position){
var coords = position.coords;
showMap(coords.latitude, coords.longitude, coords.accurary)
}, function(error){
var err