posts - 247,  comments - 25,  trackbacks - 0
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 林的 阅读(187) 评论(0)  编辑  收藏 所属分类: html5

只有注册用户登录后才能发表评论。


网站导航:
 
<2011年8月>
31123456
78910111213
14151617181920
21222324252627
28293031123
45678910

想回家了,呵呵!

常用链接

留言簿(6)

随笔分类

随笔档案

文章分类

文章档案

相册

收藏夹

搜索

  •  

最新评论

阅读排行榜

评论排行榜