html5 中为window.navigator对象新增了一个geolocation属性，此属性包括以下三种方法：
1.获取当前地理位置信息：void getCurrentPosition(onSuccess,onError,options);
2.持续监视当前的地理位置信息：int watchCurrentPosition(onSuccess,onError,options);
3.停止获取当前地理位置信息：void clearWatch(watchId);
Position对象：
属性如下：
latitude:当前地理位置的纬度
longitude:当前地理位置的经度
altitude:当前地理位置的海拔高度（不能获取为NULL)
accuracy:获致到的纬度可经度的精度（单位：米）
altitudeAccurancy:获取到的海拔高度的精度（单位：米）
heading:设备方向，用面朝南北的顺时针旋转角度来表示（不能获取时为null）
speed:设备的前进速度(单位：米/秒)
timestamp：获取地理位置信息时的时间
在页面上使用google地图，如用户位置发生改变，则自动更新
1.在页面中导入：
<script type="text/javascript" src="
http://maps.google.com/maps/api/js?sensor=false"></script>
2.设定地图参数
var latlng = new google.maps.LatLng(coords.latitude,coords.longitude);
var myOptions ={
zoom:14, //设定放大倍数
center:latlng,//将地图中心设定为指定的坐标点
mapTypeId:google.maps.MapTypeId.ROADMAP //指定地图类型
}
3.创建地图
map1 = new google.maps.Map(document.getElementById("map"),myOptions);
4.在地图上创建标记
var marker = new google.maps.Marker({
postion: latlng,//将前面指定的坐标点标记出来
map:map1
});
5.设置标注窗口，及注释文字
var infowindow = new google.maps.InfoWindow({
content:"当前位置"
});
6.打开标注窗口
infowindow.open(map1.marker)
posted on 2011-08-19 13:26
长春语林科技 阅读(312)
评论(0) 编辑 收藏 所属分类:
html5