posts - 325, comments - 25, trackbacks - 0

html5 中為window.navigator對象新增了一個(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對象：
屬性如下：
latitude:當(dāng)前地理位置的緯度
longitude:當(dāng)前地理位置的經(jīng)度
altitude:當(dāng)前地理位置的海拔高度（不能獲取為NULL)
accuracy:獲致到的緯度可經(jīng)度的精度（單位：米）
altitudeAccurancy:獲取到的海拔高度的精度（單位：米）
heading:設(shè)備方向，用面朝南北的順時(shí)針旋轉(zhuǎn)角度來表示（不能獲取時(shí)為null）
speed:設(shè)備的前進(jìn)速度(單位：米/秒)
timestamp：獲取地理位置信息時(shí)的時(shí)間

在頁面上使用google地圖，如用戶位置發(fā)生改變，則自動更新
1.在頁面中導(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)記出來
    map:map1
});
5.設(shè)置標(biāo)注窗口，及注釋文字
var infowindow = new google.maps.InfoWindow({
    content:"當(dāng)前位置"
});
6.打開標(biāo)注窗口
infowindow.open(map1.marker)

posted on 2011-08-19 13:26 長春語林科技閱讀(340) 評論(0) 編輯收藏所屬分類: html5

新用戶注冊刷新評論列表


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




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

2011年8月

日

一

二

三

四

五

六

長春語林科技?xì)g迎您！

常用鏈接

留言簿(6)

隨筆分類

隨筆檔案

文章分類

java
util(1)

文章檔案

2017年10月 (1)

常用鏈接

留言簿(6)

隨筆分類

隨筆檔案

文章分類

文章檔案

相冊

收藏夾

搜索

最新評論

閱讀排行榜

評論排行榜