posts - 325, comments - 25, trackbacks - 0

html5 中為window.navigator對(duì)象新增了一個(gè)geolocation屬性，此屬性包括以下三種方法：
1.獲取當(dāng)前地理位置信息：void getCurrentPosition(onSuccess,onError,options);
2.持續(xù)監(jiān)視當(dāng)前的地理位置信息：int watchCurrentPosition(onSuccess,onError,options);
3.停止獲取當(dāng)前地理位置信息：void clearWatch(watchId);

Position對(duì)象：
屬性如下：
latitude:當(dāng)前地理位置的緯度
longitude:當(dāng)前地理位置的經(jīng)度
altitude:當(dāng)前地理位置的海拔高度（不能獲取為NULL)
accuracy:獲致到的緯度可經(jīng)度的精度（單位：米）
altitudeAccurancy:獲取到的海拔高度的精度（單位：米）
heading:設(shè)備方向，用面朝南北的順時(shí)針旋轉(zhuǎn)角度來(lái)表示（不能獲取時(shí)為null）
speed:設(shè)備的前進(jìn)速度(單位：米/秒)
timestamp：獲取地理位置信息時(shí)的時(shí)間

在頁(yè)面上使用google地圖，如用戶位置發(fā)生改變，則自動(dòng)更新
1.在頁(yè)面中導(dǎo)入：
<script type="text/javascript" src=">
2.設(shè)定地圖參數(shù)
   var latlng = new google.maps.LatLng(coords.latitude,coords.longitude);
    var myOptions ={
        zoom:14, //設(shè)定放大倍數(shù)
        center:latlng,//將地圖中心設(shè)定為指定的坐標(biāo)點(diǎn)
        mapTypeId:google.maps.MapTypeId.ROADMAP //指定地圖類型
}
3.創(chuàng)建地圖
map1 = new google.maps.Map(document.getElementById("map"),myOptions);
4.在地圖上創(chuàng)建標(biāo)記
var marker = new google.maps.Marker({
    postion: latlng,//將前面指定的坐標(biāo)點(diǎn)標(biāo)記出來(lái)
    map:map1
});
5.設(shè)置標(biāo)注窗口，及注釋文字
var infowindow = new google.maps.InfoWindow({
    content:"當(dāng)前位置"
});
6.打開(kāi)標(biāo)注窗口
infowindow.open(map1.marker)

posted on 2011-08-19 13:26 長(zhǎng)春語(yǔ)林科技閱讀(337) 評(píng)論(0) 編輯收藏所屬分類: html5

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問(wèn) 管理
相關(guān)文章: Geolocation設(shè)備數(shù)據(jù)源 Geolocation api 基本知識(shí) 關(guān)于Canvas 圖像剪切關(guān)于Canvas 平鋪關(guān)于Canvas shadow 關(guān)于canvas圖形變形處理關(guān)于Canvas 漸變關(guān)于canvas 路徑測(cè)試瀏覽器是否支持html