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和網路節點獲取位置,電腦只通過網路節點獲取位置,所以電腦定位一般不太准