網頁獲取地理位置

『壹』 獲取地理位置怎麼操作

代碼如下:

/**
* 以下為html5代碼,獲取地理位置
*/
function getLocation() {
//檢查瀏覽器是否支持地理位置獲取
if (navigator.geolocation) {
//若支持地理位置獲取,成功調用showPosition(),失敗調用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("定位失敗,用戶已禁用位置獲取許可權");
}
}
/**
* 獲取地址位置成功
*/
function showPosition(position) {
//獲得經度緯度
var x = position.coords.latitude;
var y = position.coords.longitude;
//配置Bai 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 + "]地址位置獲取失敗,請手動選擇地址");
}
});
}
/**
* 獲取地址位置失敗[暫不處理]
*/
function showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
alert("定位失敗,用戶拒絕請求地理定位");
//x.innerHTML = "User denied the request for Geolocation.[用戶拒絕請求地理定位]"
break;
case error.POSITION_UNAVAILABLE:
alert("定位失敗,位置信息是不可用");
//x.innerHTML = "Location information is unavailable.[位置信息是不可用]"
break;
case error.TIMEOUT:
alert("定位失敗,請求獲取用戶位置超時");
//x.innerHTML = "The request to get user location timed out.[請求獲取用戶位置超時]"
break;
case error.UNKNOWN_ERROR:
alert("定位失敗,定位系統失效");
//x.innerHTML = "An unknown error occurred.[未知錯誤]"
break;
}
}
/**
* 設置地址
*/
function setAddress(json) {
var position = document.getElementById("txtPosition");
//省
var province = json.province;
//市
var city = json.city;
//區
var district = json.district;
province = province.replace('市', '');
position.value = province + "," + city + "," + district;
position.style.color = 'black';
}

『貳』 系統瀏覽器同意獲取地理位置代碼

你用的是什麼瀏覽器呢？安全性怎麼樣呢？同意獲取地理位置代碼應該沒有問題回
其實瀏覽器可以多試幾款答，看看哪個更好用一些在用 的。QQ瀏覽器很好用的，
兼容性好，安全性高，穩定性強，好多人都在用的，看視頻玩游戲什麼的很流暢
平時辦公傳文件效率都很高的，極速旋風下載，能夠快速識別正在打開的網頁實現一鍵靜音。

『叄』 手機js頁面實現一鍵定位，並且把獲取的地理位置顯示到文本框中，如下圖，100分

自己也在找這個，找到了。回答一下給後面需要的人。
代碼放入html，用手機打開頁面，即可看出效果。
如果需要和題主一樣的效果，自己封裝下，點擊定位時，調用就好了。

<scripttype="text/javascript">
	functionLocation(){};

	Location.prototype.getLocation=function(callback){
		varoptions={
			enableHighAccuracy:true,
			maximumAge:1000
		};
		this.callback=Object.prototype.toString.call(callback)=="[objectFunction]"?
			callback:
		function(address){
			alert(address.province+address.city);
			console.log("getocation(callbackFunction)可獲得定位信息對象");
		};
		varself=this;
		if(navigator.geolocation){
			//瀏覽器支持geolocation
			navigator.geolocation.getCurrentPosition(function(position){
				//經度
				varlongitude=position.coords.longitude;
				//緯度
				varlatitude=position.coords.latitude;
				self.loadMapApi(longitude,latitude);
			},self.onError,options);
		}else{
			//瀏覽器不支持geolocation
		}
	};

	Location.prototype.loadMapApi=function(longitude,latitude){
		varself=this;
		varoHead=document.getElementsByTagName('HEAD').item(0);
		varoScript=document.createElement("script");
		oScript.type="text/javascript";
		oScript.src="http://api.map..com/getscript?v=2.0&ak=&services=&t=20140930184510";
		oHead.appendChild(oScript);
		oScript.onload=function(date){
			varpoint=newBMap.Point(longitude,latitude);
			vargc=newBMap.Geocoder();
			gc.getLocation(point,function(rs){
				varaddComp=rs.addressComponents;
				self.callback(addComp);
			});
		}
	};

	Location.prototype.onError=function(error){
		switch(error.code){
		case1:
			alert("位置服務被拒絕");
			break;
		case2:
			alert("暫時獲取不到位置信息");
			break;
		case3:
			alert("獲取信息超時");
			break;
		case4:
			alert("未知錯誤");
			break;
		}
	};

	//調用
	varlocal=newLocation();
	local.getLocation(function(res){
		//此處就是返回的地理位置信息
		console.log(res);
		//JSON.stringify(res)，把返回的對象轉為字元串了，自己根據需求截取下就好
		varresstr=JSON.stringify(res);
		alert(resstr);
	});
</script>

『肆』 在自己電腦上如何獲取自己地理位置

網上幾十塊錢買個GPS的小模塊，插電腦上，配合谷歌地圖或者網路地圖等。就可以了

『伍』 移動端網頁怎麼實現獲取到這樣精準的地理位置呢急求！！只有

沒開GPS的話就是你的電話卡通過基站定位的

『陸』 手機軟體是如何獲取我們的地理位置信息的

手機軟體主要是由gps獲取地理位置信息的，操作方法如下：

1、首先解鎖手機，在桌面上內找到並點容擊「設置」選項。

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

『捌』 在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顯示。

注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。

『玖』 怎麼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顯示。

注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。