獲取地裏位置信息

一、Geolocation API的基本知識                           
在HTML5中,window.navigator對象新增了一個geolocation屬性,能夠使用Geolocation API訪問該屬性。
得到當前地裏位置:void getCurrentPosition(onsuccess[,onError,options]);
參數1:成功執行的回調函數。function(position){/*處理*/}
參數2:失敗回調函數:參數爲error對象,包括code(1-用戶拒絕位置服務,2-獲取不到位置信息,3-獲取信息超時)和message(包含錯誤信息)屬性。
參數3:enabeHighAccuracy(是否要求高精度的地裏位置信息),timeout(超時限制,毫秒),maximumAge(對地裏位置信息進行緩存的有效時間,毫秒)。
持續監視當前地理位置的信息:
int watchCurrentPosition(onSuccess,onError,options);
返回參數能夠被clearWatch方法使用。
中止獲取當前用戶的地裏位置信息:
void clearnWach(watchId);
二、position對象                                                 
獲取地裏位置信息成功,能夠在回調函數中訪問返回的position對象的屬性來獲得這些地裏位置信息。
latitude:緯度
longitude:經度
altitude:海拔,不能獲取時爲null
accuracy:獲取到的緯度或經度的精度(米爲單位)
altitudeAccurancy:獲取到海拔的高度的精度(米爲單位)
heading:設備的前進方向(面朝正北方向的順時針旋轉角度表示,不能獲取時爲null)
speed:設備的前進速度(米/秒爲單位,不能獲取是爲null)
timestamp:獲取地裏位置信息時的時間。
三、在頁面上使用google地圖                                
1)導入Google Map API的腳本
<script type="text/javascript" src=http://maps.google.com/maps/api/js?sensor=false/>
2)設定地圖參數
var latlng=new goole.maps.LatLng(coords.latitude,coords.longitude);
var myOptions={
zoom:14,//放大倍數
cennter:latlng,//將地圖中心設定爲指定的座標點
mapTypeId:goole.maps.MapTypeId.ROADMAP//指定地圖類型
}
3)建立地圖
var map1=new goole.maps.Map(document.getElementById("map"),myOption);//map爲div的Id
4)在地圖上建立標記
var marker=new goole.maps.Marker({
position:latlng,//將前面指定的座標標註出來
map:map1//設置在map1變量表明的地圖中標註
});
5)設置標註窗口並指定標註窗口中註釋文字
var infowindow=new gool.maps.InfoWindow({
content:"當前位置"//指定標註窗口中註釋文字
});
6)打開標註窗口
infowindow.open(map1,marker);javascript

相關文章
相關標籤/搜索