建站
咨詢
售后
建站咨詢
新聞中心
HTML5怎樣獲取地理位置
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操作地理信息。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、陸港網(wǎng)絡(luò)推廣、成都微信小程序、陸港網(wǎng)絡(luò)營(yíng)銷、陸港企業(yè)策劃、陸港品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供陸港建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com
1、HTML5中ip地址
其實(shí)在中國(guó)IP地址還是比較準(zhǔn)確，書上說不準(zhǔn)確，很多時(shí)候獲取的是ISP機(jī)房的位置，但是獲取非常方便，沒有什么限制。但是實(shí)際上我覺得在中國(guó)，ip地址還是比較準(zhǔn)確的，基本上上能精確到小區(qū)或大樓的標(biāo)準(zhǔn)。
2、HTML5中GPS定位操作
GPS定位非常準(zhǔn)確，但是需要在戶外，且需要很長(zhǎng)時(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 中，哪個(gè)方法用于獲得用戶的當(dāng)前位置
!DOCTYPE?html
html
body
p?id="demo"點(diǎn)擊這個(gè)按鈕，獲得您的坐標(biāo)：/p
button?onclick="getLocation()"試一下/button
script
/*????例子解釋：
檢測(cè)是否支持地理定位
如果支持，則運(yùn)行?getCurrentPosition()?方法。如果不支持，則向用戶顯示一段消息。
如果getCurrentPosition()運(yùn)行成功，則向參數(shù)showPosition中規(guī)定的函數(shù)返回一個(gè)coordinates對(duì)象
showPosition()?函數(shù)獲得并顯示經(jīng)度和緯度?*/
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
/body
html5 如何調(diào)用安卓手機(jī)獲取gps坐標(biāo)
HTML5中可以通過IP，WIFI信息，GPS，來實(shí)現(xiàn)地理定位，當(dāng)然相關(guān)精度也是有所不同，所以如果要精確導(dǎo)航就得使用GPS信息。
下面是一段HTML5結(jié)合百度地圖API來獲取位置的代碼：
div?id="allmap"/div當(dāng)前定位地址：a?id="du-gps"/aspan/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);
$("#du-gps").text(addComp.district+addComp.street+addComp.streetNumber);
});
}
else?{
alert('failed'+this.getStatus());
}
},{enableHighAccuracy:?true})
/script
html5怎么實(shí)現(xiàn)調(diào)用gps獲取地理位置具體代碼
代碼如下:
/**
* 以下為html5代碼,獲取地理位置
*/
function getLocation() {
//檢查瀏覽器是否支持地理位置獲取
if (navigator.geolocation) {
//若支持地理位置獲取,成功調(diào)用showPosition(),失敗調(diào)用showError
// alert("正在努力獲取位置...");
var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 };
navigator.geolocation.getCurrentPosition(showPosition, showError, config);
} else {
//alert("Geolocation is not supported by this browser.");
alert("定位失敗,用戶已禁用位置獲取權(quán)限");
}
}
/**
* 獲取地址位置成功
*/
function showPosition(position) {
//獲得經(jīng)度緯度
var x = position.coords.latitude;
var y = position.coords.longitude;
//配置Baidu Geocoding API
var url = "" +
"callback=renderReverse" +
"location=" + x + "," + y +
"output=json" +
"pois=0";
$.ajax({
type: "GET",
dataType: "jsonp",
url: url,
success: function (json) {
if (json == null || typeof (json) == "undefined") {
return;
}
if (json.status != "0") {
return;
}
setAddress(json.result.addressComponent);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("[x:" + x + ",y:" + y + "]地址位置獲取失敗,請(qǐng)手動(dòng)選擇地址");
}
});
}
/**
* 獲取地址位置失敗[暫不處理]
*/
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert("定位失敗,用戶拒絕請(qǐng)求地理定位");
//x.innerHTML = "User denied the request for Geolocation.[用戶拒絕請(qǐng)求地理定位]"
break;
case error.POSITION_UNAVAILABLE:
alert("定位失敗,位置信息是不可用");
//x.innerHTML = "Location information is unavailable.[位置信息是不可用]"
break;
case error.TIMEOUT:
alert("定位失敗,請(qǐng)求獲取用戶位置超時(shí)");
//x.innerHTML = "The request to get user location timed out.[請(qǐng)求獲取用戶位置超時(shí)]"
break;
case error.UNKNOWN_ERROR:
alert("定位失敗,定位系統(tǒng)失效");
//x.innerHTML = "An unknown error occurred.[未知錯(cuò)誤]"
break;
}
}
/**
* 設(shè)置地址
*/
function setAddress(json) {
var position = document.getElementById("txtPosition");
//省
var province = json.province;
//市
var city = json.city;
//區(qū)
var district = json.district;
province = province.replace('市', '');
position.value = province + "," + city + "," + district;
position.style.color = 'black';
}
html5 如何獲取地址位置
HTML5中獲取地址可以使用 getCurrentPosition() 方法來獲得用戶的位置。
Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。
下例是一個(gè)簡(jiǎn)單的地理定位實(shí)例：
p?id="demo"點(diǎn)擊這個(gè)按鈕，獲得您的坐標(biāo)：/p
button?onclick="getLocation()"試一下/button
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 是下一代的 HTML。有許多現(xiàn)在版本HTML中沒有的新特性。
網(wǎng)頁(yè)標(biāo)題：html5獲取坐標(biāo),html獲取鼠標(biāo)坐標(biāo)
文章位置：http://fisionsoft.com.cn/article/dsdiphd.html
