1、Geolocation API的基本知识
在HTML5中，window.navigator对象新增了一个geolocation属性，可以使用Geolocation API访问该属性。
获得当前地里位置：void getCurrentPosition(onsuccess[,onError,options]);
参数1：成功执行的回调函数。function(position){/*处理*/}
参数2：失败回调函数：参数为error对象，包括code(1-用户拒绝位置服务,2-获取不到位置信息,3-获取信息超时)和message(包含错误信息)属性。
参数3：enabeHighAccuracy(是否要求高精度的地里位置信息)，timeout(超时限制，毫秒)，maximumAge(对地里位置信息进行缓存的有效时间，毫秒)。
持续监视当前地理位置的信息：
int watchCurrentPosition(onSuccess,onError,options);
返回参数可以被clearWatch方法使用。
停止获取当前用户的地里位置信息：
void clearnWach(watchId);
2、position对象
获取地里位置信息成功，可以在回调函数中访问返回的position对象的属性来得到这些地里位置信息。
latitude:纬度
longitude:经度
altitude:海拔，不能获取时为null
accuracy:获取到的纬度或经度的精度(米为单位)
altitudeAccurancy:获取到海拔的高度的精度(米为单位)
heading:设备的前进方向(面朝正北方向的顺时针旋转角度表示，不能获取时为null)
speed:设备的前进速度(米/秒为单位，不能获取是为null)
timestamp:获取地里位置信息时的时间。
3、在页面上使用google地图
1)导入Google Map API的脚本
<script type="text/javascript" src=http://maps.google.com/maps/api/js?sensor=false/>
2)设定地图参数
var latlng=new goole.maps.LatLng(coords.latitude,coords.longitude);
var myOptions={
zoom:14,//放大倍数
cennter:latlng,//将地图中心设定为指定的坐标点
mapTypeId:goole.maps.MapTypeId.ROADMAP//指定地图类型
}
3)创建地图
var map1=new goole.maps.Map(document.getElementById("map"),myOption);//map为div的Id
4)在地图上创建标记
var marker=new goole.maps.Marker({
position:latlng,//将前面指定的坐标标注出来
map:map1//设置在map1变量代表的地图中标注
});
5)设置标注窗口并指定标注窗口中注释文字
var infowindow=new gool.maps.InfoWindow({
content:"当前位置"//指定标注窗口中注释文字
});
6)打开标注窗口
infowindow.open(map1,marker);