posts - 325, 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=">
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 長春語林科技閱讀(331) 評論(0) 編輯收藏所屬分類: html5

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Geolocation設備數據源 Geolocation api 基本知識關于Canvas 圖像剪切關于Canvas 平鋪關于Canvas shadow 關于canvas圖形變形處理關于Canvas 漸變關于canvas 路徑測試瀏覽器是否支持html