導航:首頁 > 地理科目 > html5如何實現地理定位

html5如何實現地理定位

發布時間:2022-01-25 09:48:54

A. 如何使用html5地理定位api有哪些

html5中地理位置定位的方法

Geolocation API存在於navigator對象中,只包含3個方法:
1、getCurrentPosition //當前位置
2、watchPosition //監視位置
3、clearWatch //清除監視

getCurrentPosition(success,error,option)方法最多可以有三個參數:

第一個參數是成功獲取位置信息的回調函數,它是方法唯一必須的參數;
第二個參數用於捕獲獲取位置信息出錯的情況,
第三個參數是配置項。

B. html5怎麼實現調用gps獲取地理位置具體代碼

<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>

C. html5地理定位api有哪些

地理位置定位的幾種方式:IP地址,GPS,Wifi,GSM/CDMA地理位置獲取流程:1、用戶打開需要獲取地理位置的web應用。2、應用向瀏覽器請求地理位置,瀏覽器彈出詢問,詢問用戶是否共享地理位置。3、假設用戶允許,瀏覽器從設別查詢相關信息。4、瀏覽器將相關信息發送到一個信任的位置伺服器,伺服器返回具體的地理位置。
HTML5地理地位的實現: 1. 實現基於瀏覽器(無需後端支持)獲取用戶的地理位置技術 2. 精確定位用戶的地理位置( 精度最高達10m之內,依賴設備 ) 3. 持續追蹤用戶的地理位置 4. 與 Google Map、或者 Bai Map 交互呈現位置信息。
HTML5中地理位置定位的方法
Geolocation API存在於navigator對象中,只包含3個方法:1、getCurrentPosition //當前位置2、watchPosition //監視位置3、clearWatch //清除監視
getCurrentPosition(success,error,option)方法最多可以有三個參數:第一個參數是成功獲取位置信息的回調函數,它是方法唯一必須的參數;第二個參數用於捕獲獲取位置信息出錯的情況,第三個參數是配置項。
******************************************獲取自己當前的位置
(!DOCTYPE html)
(html xmlns="http://www.w3.org/1999/xhtml")
(head)
(meta http-equiv="Content-Type" content="text/html; charset=utf-8"/)
(title)H5地理位置Demo(/title)
(script src="http://api.map..com/api?v=1.3" type="text/javascript")
(/script)
(/head)
(body)
(div id="aaa" style="border:#ccc solid 1px" width:"697px" height:"500px")(/div)
(script type="text/javascript")
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(function (p) {
var latitude = p.coords.latitude//緯度
var longitude = p.coords.longitude;
createmap(latitude, longitude);

}, function (e) {//錯誤信息
var aa = e.code + "\n" + e.message;
alert(aa);
}
);
}
function createmap(a,b)
{
var map = new BMap.Map("aaa");
var point = new BMap.Point(b, a);
map.centerAndZoom(point, 20);//設置地圖的中心點和坐標
Window.map = map;//將map變數存儲在全局

}
(/script)
(/body)
(/html)

D. html5地理定位api怎麼連接百度地圖

可以實現的,HTML5可以使用手機的GPS信息,利用網路等地圖的開放API就可以了。
HTML5中可以通過IP,WIFI信息,GPS,來實現地理定位,當然相關精度也是有所不同,所以如果要精確導航就得使用GPS信息。
下面是一段HTML5結合網路地圖API來獲取位置的代碼:

<div id="allmap"></div>當前定位地址:<a id="-gps"></a><span></span></div>
<script>
var map = new BMap.Map("allmap");
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
map.panTo(r.point);
//alert('您的位置:'+r.point.lng+','+r.point.lat);
var pt = r.point;
var geoc = new BMap.Geocoder();
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
$("#-gps").text(addComp.district+addComp.street+addComp.streetNumber);
});
}
else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
</script>

E. 怎樣使用HTML5地理位置定位功能

HTML5本身提供了地理位置定位功能,能確定用戶位置,藉助網路、谷歌地圖介面來獲取用戶准確的地理位置信息,開發基於地理位置信息的應用。
在支持HTML5的現代瀏覽器上運行,特別是手持設備,地理定位更加精確。首先我們要檢測用戶設備瀏覽器是否支持地理定位,如果支持則獲取地理信息。注意這個特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置信息是不可用的,所以我們在訪問該應用時會提示是否允許地理定位,我們當然選擇允許即可。

F. 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、瀏覽器將相關信息發送到一個信任的位置伺服器,伺服器返回具體的地理位置。

G. html5地理定位如何用

看看這邊html5地理位置的介紹:http://www.w3cschool.cc/html/html5-geolocation.html

H. html5實現地圖上定位導航路線

HTML5+JQM即可實現

參考方法:
1.先去通過網路拾取坐標系統獲得點位的坐標
http://api.map..com/lbsapi/getpoint/index.html

2.在網頁的<head>中插入網路API引用腳本。
<script type="text/javascript" src="http://api.map..com/api?

key=&v=1.1&services=true"></script>

3.在網頁的</body>之後</html>之前插入地圖顯示代碼

4.設置顯示地圖的div的id為「dituContent」,即添加 id="dituContent"
由於jqm的div的高度都是根據內容自由放大的,所以為了地圖能正常顯示,還需要

增加一個高度值,一般情況600px就可以

注意事項:

1. var point = new BMap.Point(120.524011,36.395728); 這是定義中心店坐標

2. map.centerAndZoom(point,15); 這個據我調試 應該是控制地圖比例縮放的

3. window.setTimeout(function(){map.panTo(point);}, 1000);注意了 一般的

demo是沒有這個東西滴,所以呢當跳轉到地圖的頁面時候 是不會顯示你定位的中心

點的 但是由於我的聰明和機智 各種裝孫子求助大神 才得知了這個大神不削一顧

的屬性 :設定地圖載入後1秒調至中心點 。。最後強調下

低調 一定要低調。。。

4. function createIcon(json){
var icon = new BMap.Icon("images/map_icon.png", new BMap.Size

(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-

json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size

(json.x,json.h)})
return icon;
} 這里就是創建一個icon

5. var markerArr = [{title:"西程村",content:"青島市即墨市藍鰲路 電話:

123123123213",point:"120.524011|36.395728",isOpen:0,icon:

{w:32,h:32,l:0,t:0,x:6,lb:5}}]; 這里呢 就是設置定位的信息

I. html5提供的地理定位功能能實現精確導航嗎


J. html5如何實現地理位置定位原理

Geolocation API,智能機等有GPS的通過GPS和網路節點獲取位置,電腦只通過網路節點獲取位置,所以電腦定位一般不太准

閱讀全文

與html5如何實現地理定位相關的資料

熱點內容
word中化學式的數字怎麼打出來 瀏覽:700
乙酸乙酯化學式怎麼算 瀏覽:1369
沈陽初中的數學是什麼版本的 瀏覽:1315
華為手機家人共享如何查看地理位置 瀏覽:1007
一氧化碳還原氧化鋁化學方程式怎麼配平 瀏覽:845
數學c什麼意思是什麼意思是什麼 瀏覽:1366
中考初中地理如何補 瀏覽:1256
360瀏覽器歷史在哪裡下載迅雷下載 瀏覽:667
數學奧數卡怎麼辦 瀏覽:1346
如何回答地理是什麼 瀏覽:987
win7如何刪除電腦文件瀏覽歷史 瀏覽:1018
大學物理實驗干什麼用的到 瀏覽:1445
二年級上冊數學框框怎麼填 瀏覽:1657
西安瑞禧生物科技有限公司怎麼樣 瀏覽:812
武大的分析化學怎麼樣 瀏覽:1209
ige電化學發光偏高怎麼辦 瀏覽:1298
學而思初中英語和語文怎麼樣 瀏覽:1603
下列哪個水飛薊素化學結構 瀏覽:1384
化學理學哪些專業好 瀏覽:1449
數學中的棱的意思是什麼 瀏覽:1015