可以使用的。
目前創(chuàng)新互聯(lián)公司已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、商河網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
HTML5 Geolocation(地理定位)用于定位用戶的位置。
HTML5 Geolocation API 用于獲得用戶的地理位置。
鑒于該特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置信息是不可用的。
瀏覽器支持
Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。
注釋:對(duì)于擁有 GPS 的設(shè)備,比如 iPhone,地理定位更加精確。
實(shí)例
script
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"br /Longitude: " + position.coords.longitude;
}
/script
HTML5 Geolocation(地理定位)用于定位用戶的位置
!DOCTYPE html
html
body
p id="demo"點(diǎn)擊這個(gè)按鈕,獲得您的位置:/p
button onclick="getLocation()"試一下/button
div id="mapholder"/div
script src=""/script
script
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
lat=position.coords.latitude;
lon=position.coords.longitude;
latlon=new google.maps.LatLng(lat, lon)
mapholder=document.getElementById('mapholder')
mapholder.style.height='250px';
mapholder.style.width='500px';
var myOptions={
center:latlon,zoom:14,
mapTypeId:google.maps.MapTypeId.ROADMAP,
mapTypeControl:false,
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
};
var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);
var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="User denied the request for Geolocation."
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="Location information is unavailable."
break;
case error.TIMEOUT:
x.innerHTML="The request to get user location timed out."
break;
case error.UNKNOWN_ERROR:
x.innerHTML="An unknown error occurred."
break;
}
}
/script
/body
/html
地理位置獲取流程:
1、用戶打開需要獲取地理位置的web應(yīng)用。
2、應(yīng)用向?yàn)g覽器請(qǐng)求地理位置,瀏覽器彈出詢問窗口,詢問用戶是否共享地理位置。
3、假設(shè)用戶允許,瀏覽器從設(shè)別查詢相關(guān)信息。
4、瀏覽器將相關(guān)信息發(fā)送到一個(gè)信任的位置服務(wù)器,服務(wù)器返回具體的地理位置。
檢測(cè)瀏覽器支持:
JavaScript Code復(fù)制內(nèi)容到剪貼板
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.”;
}
}
位置請(qǐng)求方式:
單次請(qǐng)求
JavaScript Code復(fù)制內(nèi)容到剪貼板
navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);
回調(diào)函數(shù)updateLocation接受一個(gè)對(duì)象參數(shù),表示當(dāng)前的地理位置,它有如下屬性:
latitude——緯度
longitude——精度
accuracy——精確度,單位米
altitude——高度,單位米
altitudeAccuracy——高度的精確地,單位米
heading—運(yùn)動(dòng)的方向,相對(duì)于正北方向的角度
speed——運(yùn)動(dòng)的速度(假設(shè)你在地平線上運(yùn)動(dòng)),單位米/秒
回調(diào)函數(shù)handleLocationError接受錯(cuò)誤對(duì)象,error.code是如下錯(cuò)誤號(hào)。
UNKNOWN_ERROR (error code 0) —— 錯(cuò)誤不在如下三種之內(nèi),你可以使用error.message獲取錯(cuò)誤詳細(xì)信息。
HTML5怎樣獲取地理信息,如html5怎樣獲取ip地址,怎樣實(shí)現(xiàn)gps導(dǎo)航定位,wifi基站的mac地址服務(wù)等,這些在HTML5中已經(jīng)都已經(jīng)有API實(shí)現(xiàn)了,用戶可以輕松使用html5技術(shù)進(jìn)行操作,下面詳細(xì)為大家介紹HTML5操作地理信息。
1、HTML5中ip地址
其實(shí)在中國IP地址還是比較準(zhǔn)確,書上說不準(zhǔn)確,很多時(shí)候獲取的是ISP機(jī)房的位置,但是獲取非常方便,沒有什么限制。但是實(shí)際上我覺得在中國,ip地址還是比較準(zhǔn)確的,基本上上能精確到小區(qū)或大樓的標(biāo)準(zhǔn)。
2、HTML5中GPS定位操作
GPS定位非常準(zhǔn)確,但是需要在戶外,且需要很長時(shí)間搜索衛(wèi)星。但前提就是硬件設(shè)備要支持GPS。最主要的很多設(shè)備比如筆記本電腦基本都是不帶GPS的,新的智能手機(jī)purse hanger倒是都有。
3、WiFi基站的mac地址。
(猜測(cè)是連接位置已知的公共WiFi的時(shí)候,通過Mac地址識(shí)別WiFi接入點(diǎn),從而定位)
這種定位的精度還是很不錯(cuò)的,而且還可以在室內(nèi)定位。不過由于這種位置公開的wifi比較少,此種方法的適用范圍比較少。
4、 GSM或CDMA基站
通過基站定位,精度隨基站密度變化,精度一般,還是只有手機(jī)能用??磥淼乩砦恢肁PI還是手機(jī)上比較有實(shí)用性。
5、用戶指定位置
暈,這個(gè)就不是HTML5的范疇了。
地理位置獲取流程步驟:
1、用戶打開需要獲取地理位置的web應(yīng)用。
2、應(yīng)用向?yàn)g覽器請(qǐng)求地理位置,瀏覽器彈出詢問窗口,詢問用戶是否共享地理位置。
3、假設(shè)用戶允許,瀏覽器從設(shè)別查詢相關(guān)信息。
4、瀏覽器將相關(guān)信息發(fā)送到一個(gè)信任的位置服務(wù)器,服務(wù)器返回具體的地理位置。
html5地理定位原理:
使用IP地址;基于Web的數(shù)據(jù)庫;無線網(wǎng)絡(luò)連接定位;三角測(cè)量;GPS技術(shù);
來測(cè)量經(jīng)度和緯度。(綜合了所有技術(shù))
地理定位的精確度,
有很多方法可以定位用戶的地理位置,并且每種方法都有不同的精度。
桌面瀏覽器一般會(huì)使用WiFi(精確到20m)或者IP定位(只能精確到城市級(jí)別,并且有可能是假地址)。
移動(dòng)裝置一般會(huì)使用GPS(精確到10m并且只能在外部使用),
WiFi或GSM/CDMA網(wǎng)絡(luò)信號(hào)定位(精確到1000m)。