h5獲取地理位置並保存
1. 在html頁面點擊按鈕時如何獲取當前地理位置,如圖:
在支持html5地理定位API的瀏覽器上,window.navigator對象新增了一個geolocation屬性,以及相關的 API。都是用JS進行訪問的。
下面是一個例子:
<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>地理位置</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
varcords=position.coords;
alert("當前經度:"+cords.longtitude+",緯度:"+cords.latitude);
},
function(error){
varerrorTypes={1:"位置服務被拒絕",2:"獲取不到位置信息",3:"獲取位置信息超時"};
alert(errorTypes[error.code]+":,不能確定當前地理位置");
}
);
</script>
</body>
</html>
這只是一個例子,一般用經度和緯度調用地圖如網路地圖的API顯示。
注意:在電腦本機上沒法測試,一般把網頁放到伺服器上,用手機訪問可以定位。
2. 如何使用HTML5地理位置定位功能
地理位置獲取流程:
1、用戶打開需要獲取地理位置的應用。
2、應用向瀏覽器請求地理位置,瀏覽器彈出詢問窗口,詢問用戶是否共享地理位置。
3、假設用戶允許,瀏覽器從設別查詢相關信息。
4、瀏覽器將相關信息發送到一個信任的位置伺服器,伺服器返回具體的地理位置。
檢測瀏覽器支持:
JavaScript Code復制內容到剪貼板
function loadDemo() {
if(navigator.geolocation) {
document.getElementById(「support」).innerHTML = 「HTML5 Geolocation supported.」;
} else {
document.getElementById(「support」).innerHTML = 「HTML5 Geolocation is not supported in
your browser.」;
}
}
位置請求方式:
單次請求
JavaScript Code復制內容到剪貼板
navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);
回調函數updateLocation接受一個對象參數,表示當前的地理位置,它有如下屬性:
latitude——緯度
longitude——精度
accuracy——精確度,單位米
altitude——高度,單位米
altitudeAccuracy——高度的精確地,單位米
heading—運動的方向,相對於正北方向的角度
speed——運動的速度(假設你在地平線上運動),單位米/秒
回調函數handleLocationError接受錯誤對象,error.code是如下錯誤號。
UNKNOWN_ERROR (error code 0) —— 錯誤不在如下三種之內,你可以使用error.message獲取錯誤詳細信息。
PERMISSION_DENIED (error code 1)—— 用不選擇不共享地理位置
POSITION_UNAVAILABLE (error code 2) ——無法獲取當前位置
TIMEOUT (error code 3) ——在指定時間無法獲取位置會觸發此錯誤。
第三個參數options是可選參數,屬性如下:
enableHighAccuracy——指示瀏覽器獲取高精度的位置,默認為false。當開啟後,可能沒有任何影響,也可能使瀏覽器花費更長的時間獲取更精確的位置數據。
timeout——指定獲取地理位置的超時時間,默認不限時。單位為毫秒。
maximumAge——最長有效期,在重復獲取地理位置時,此參數指定多久再次獲取位置。默認為0,表示瀏覽器需要立刻重新計算位置。
3. HTML5怎樣獲取地理位置
HTML5怎樣獲取地理信息,如html5怎樣獲取ip地址,怎樣實現gps導航定位,wifi基站的mac地址服務等,這些在HTML5中已經都已經有API實現了,用戶可以輕松使用html5技術進行操作,下面詳細為大家介紹HTML5操作地理信息。
1、HTML5中ip地址
其實在中國IP地址還是比較准確,書上說不準確,很多時候獲取的是ISP機房的位置,但是獲取非常方便,沒有什麼限制。但是實際上我覺得在中國,ip地址還是比較准確的,基本上上能精確到小區或大樓的標准。
2、HTML5中GPS定位操作
GPS定位非常准確,但是需要在戶外,且需要很長時間搜索衛星。但前提就是硬體設備要支持GPS。最主要的很多設備比如筆記本電腦基本都是不帶GPS的,新的智能手機purse hanger倒是都有。
3、WiFi基站的mac地址。
(猜測是連接位置已知的公共WiFi的時候,通過Mac地址識別WiFi接入點,從而定位)
這種定位的精度還是很不錯的,而且還可以在室內定位。不過由於這種位置公開的wifi比較少,此種方法的適用范圍比較少。
4、 GSM或CDMA基站
通過基站定位,精度隨基站密度變化,精度一般,還是只有手機能用。看來地理位置API還是手機上比較有實用性。
5、用戶指定位置
暈,這個就不是HTML5的范疇了。
地理位置獲取流程步驟:
1、用戶打開需要獲取地理位置的web應用。
2、應用向瀏覽器請求地理位置,瀏覽器彈出詢問窗口,詢問用戶是否共享地理位置。
3、假設用戶允許,瀏覽器從設別查詢相關信息。
4、瀏覽器將相關信息發送到一個信任的位置伺服器,伺服器返回具體的地理位置。
4. html5怎麼實現調用gps獲取地理位置具體代碼
1、網路直接搜【網路地圖調用】,點擊出現的第二個網站,進入這個網站即可回。
5. 如何將HTML5獲取的GPS坐標寫入資料庫
function getLocation() {
//檢查瀏覽器是否來支持地自理位置獲取
if (navigator.geolocation) {
//若支持地理位置獲取,成功調用showPosition(),失敗調用showError
// alert("正在努力獲取位置...");
var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 };
navigator.geolocation.getCurrentPosition(showPosition, showError, config);
} else {
6. html5 如何獲取地址位置
HTML5中獲取地址可以使用 getCurrentPosition() 方法來獲得用戶的位置。
Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。
下例是一個簡單的地理定位實例:
<pid="demo">點擊這個按鈕,獲得您的坐標:</p>
<buttononclick="getLocation()">試一下</button>
<script>
varx=document.getElementById("demo");
functiongetLocation()
{
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML=".";}
}
functionshowPosition(position)
{
x.innerHTML="Latitude:"+position.coords.latitude+
"<br/>Longitude:"+position.coords.longitude;
}
</script>
HTML5 是下一代的 HTML。有許多現在版本HTML中沒有的新特性。
7. 怎麼HTML網頁中獲取百度地區顯示用戶當前地理位置,並且顯示出位置坐標點。
在支持html5地理定位API的瀏覽器上,.navigator對象新增了一個geolocation屬性,以及相關的Geolocation API。都是用JS進行訪問的。
下面是一個例子:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>地理位置</title>
</head>
<body>
<script>
navigator.geolocation.getCurrentPosition(
function(position){
var cords = position.coords;
alert("當前經度:"+cords.longtitude +", 緯度:"+cords.latitude);
},
function(error){
var errorTypes={1:"位置服務被拒絕", 2:"獲取不到位置信息", 3:"獲取位置信息超時"};
alert( errorTypes[error.code] +":,不能確定當前地理位置");
}
);
</script>
</body>
</html>
這只是一個例子,一般用經度和緯度調用地圖如網路地圖的API顯示。
注意:在電腦本機上沒法測試,一般把網頁放到伺服器上,用手機訪問可以定位。
8. 如何使用HTML5獲取用戶GPS數據並把獲取到的數據保存到某個文件
html5有個getCurrentPosition方法,可以獲取用戶的地理位置,然後還有兩種存儲方式
localStorage - 沒有時間限制專的數據存屬儲
sessionStorage - 針對一個 session 的數據存儲
具體的例子你可以查找一下
9. html5滑鼠移動圖片並保存當前位置
參考這個網頁版權
http://www.w3school.com.cn/html5/html_5_draganddrop.asp
10. HTML5怎樣獲取地理位置 基本地理信息操作
HTML5怎樣獲取地理信息,如html5怎樣獲取ip地址,怎樣實現導航定位,wifi基站的mac地址服務等,這些在HTML5中已經都已經有API實現了,用戶可以輕松使用html5技術進行操作,下面詳細為大家介紹HTML5操作地理信息。
1、HTML5中ip地址
其實在中國IP地址還是比較准確,書上說不準確,很多時候獲取的是ISP機房的位置,但是獲取非常方便,沒有什麼限制。但是實際上我覺得在中國,ip地址還是比較准確的,基本上上能精確到小區或大樓的標准。
2、HTML5中GPS定位操作
GPS定位非常准確,但是需要在戶外,且需要很長時間搜索衛星。但前提就是硬體設備要支持GPS。最主要的很多設備比如筆記本電腦基本都是不帶GPS的,新的智能手機purse hanger倒是都有。
3、WiFi基站的mac地址。
(猜測是連接位置已知的公共WiFi的時候,通過Mac地址識別WiFi接入點,從而定位)
這種定位的精度還是很不錯的,而且還可以在室內定位。不過由於這種位置公開的wifi比較少,此種方法的適用范圍比較少。
4、 GSM或CDMA基站
通過基站定位,精度隨基站密度變化,精度一般,還是只有手機能用。看來地理位置API還是手機上比較有實用性。
5、用戶指定位置
暈,這個就不是HTML5的范疇了。
地理位置獲取流程步驟:
1、用戶打開需要獲取地理位置的web應用。
2、應用向瀏覽器請求地理位置,瀏覽器彈出詢問窗口,詢問用戶是否共享地理位置。
3、假設用戶允許,瀏覽器從設別查詢相關信息。
4、瀏覽器將相關信息發送到一個信任的位置伺服器,伺服器返回具體的地理位置。