js獲取當前的地理位置
Ⅰ javascript 怎麼獲得手機地理位置 比如經緯度
javascript 獲得手機地理位置代碼如下：
functiongetLocation(callback){
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(
function(p){
callback(p.coords.latitude,p.coords.longitude);
},
function(e){
varmsg=e.code+"
"+e.message;
}
);
}
}
Ⅱ js中如何得到客戶端的地理位置
手機WEB定位方法：代碼。
var getLocation = function (successFunc, errorFunc) { //successFunc獲取定位成功回調函數，errorFunc獲取定位失敗回調
//首先設置默認城市
var defCity = {
id: '000001',
name: '北京市',
date: curDateTime()//獲取當前時間方法
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 創建Map實例
var point = new BMap.Point(lon, lat); // 創建點坐標
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//當前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
if (successFunc != undefined)
successFunc(addComp);
});
},
function (error) {
switch (error.code) {
case 1:
alert("位置服務被拒絕。");
break;
case 2:
alert("暫時獲取不到位置信息。");
break;
case 3:
alert("獲取位置信息超時。");
break;
default:
alert("未知錯誤。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
if (errorFunc != undefined)
errorFunc(error);
}, { timeout: 5000, enableHighAccuracy: true });
} else {
alert("你的瀏覽器不支持獲取地理位置信息。");
if (errorFunc != undefined)
errorFunc("你的瀏覽器不支持獲取地理位置信息。");
}
};
var showPosition = function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 創建Map實例
var point = new BMap.Point(lon, lat); // 創建點坐標
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//當前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
});
};
var showPositionError = function (error) {
switch (error.code) {
case 1:
alert("位置服務被拒絕。");
break;
case 2:
alert("暫時獲取不到位置信息。");
break;
case 3:
alert("獲取位置信息超時。");
break;
default:
alert("未知錯誤。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
};.
前提要引入網路API：<script src="http://api.map..com/api?v=1.4"
type="text/javascript"></script>。
2. PC端通過IP實現方法：
採用騰訊提供的介面，這個目前已經不能使用。
<script type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script type="text/javascript">
document.write(IPData[0]); //顯示IP地址
document.write(IPData[2]); //顯示省
document.write(IPData[3]); //顯示市
</script>
3 .獲取客戶端IP方法
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();
$.getJSON(url, function(data) {
alert(data.Ip);
});
</script>
Ⅲ js中如何獲取當前瀏覽器的地址的值
js中通過window.location.href和document.location.href、document.URL獲取當前瀏覽器的地址的值，它們的的區內別是：
1、document表示的是一個容文檔對象，window表示的是一個窗口對象，一個窗口下可以有多個文檔對象。所以一個窗口下只有一個window.location.href，但是可能有多個document.URL、document.location.href
2、window.location.href和document.location.href可以被賦值，然後跳轉到其它頁面，document.URL只能讀不能寫
3、document.location.href和document.location.replace都可以實現從A頁面切換到B頁面，但他們的區別是：
用document.location.href切換後，可以退回到原頁面。
而用document.location.replace切換後，不可以通過「後退」退回到原頁面。
Ⅳ 手機js頁面實現一鍵定位，並且把獲取的地理位置顯示到文本框中代碼
手機js頁面實現一鍵定位，並且把獲取的地理位置顯示到文本框中代碼如下：
var getLocation = function (successFunc, errorFunc) { //successFunc獲取定位成功回調函數，errorFunc獲取定位失敗回調
//首先設置默認城市
var defCity = {
id: '000001',
name: '北京市',
date: curDateTime()//獲取當前時間方法
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' });
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 創建Map實例
var point = new BMap.Point(lon, lat); // 創建點坐標
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//當前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
if (successFunc != undefined)
successFunc(addComp);
});
},
function (error) {
switch (error.code) {
case 1:
alert("位置服務被拒絕。");
break;
case 2:
alert("暫時獲取不到位置信息。");
break;
case 3:
alert("獲取位置信息超時。");
break;
default:
alert("未知錯誤。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
if (errorFunc != undefined)
errorFunc(error);
}, { timeout: 5000, enableHighAccuracy: true });
} else {
alert("你的瀏覽器不支持獲取地理位置信息。");
if (errorFunc != undefined)
errorFunc("你的瀏覽器不支持獲取地理位置信息。");
}
};
var showPosition = function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
//var map = new BMap.Map("container"); // 創建Map實例
var point = new BMap.Point(lon, lat); // 創建點坐標
var gc = new BMap.Geocoder();
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents;
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
};
//當前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' });
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);
});
};
var showPositionError = function (error) {
switch (error.code) {
case 1:
alert("位置服務被拒絕。");
break;
case 2:
alert("暫時獲取不到位置信息。");
break;
case 3:
alert("獲取位置信息超時。");
break;
default:
alert("未知錯誤。");
break;
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
};
//默認城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });
};
Ⅳ 怎麼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顯示。
注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。
Ⅵ html5怎麼實現調用gps獲取地理位置具體代碼
1、網路直接搜【網路地圖調用】，點擊出現的第二個網站，進入這個網站即可回。
Ⅶ 手機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>
Ⅷ JS獲取地理位置 要求獲取信息如下
設置或抄獲取對象指定的襲文件名或路徑。 設置或獲取整個 URL 為字元串。 設置或獲取與 URL 關聯的埠號碼。 設置或獲取 URL 的協議部分。 設置或獲取 href 屬性中在井號「#」後面的分段。 設置或獲取 location 或 URL 的 hostname 和 port 號碼。 設置或獲取 href 屬性中跟在問號後面的部分。
Ⅸ javascript 手機獲取位置哪種方式最精確
HTML5 Geolocation（地理定位）用來於定位用戶的源位置。
<p id="demo">點擊按鈕獲取您當前坐標（可能需要比較長的時間獲取）：</p>
<button onclick="getLocation()">點我</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else
{
x.innerHTML="該瀏覽器不支持獲取地理位置。";
}
}
function showPosition(position)
{
x.innerHTML="緯度: " + position.coords.latitude +
"<br>經度: " + position.coords.longitude;
}
</script>
希望對你有幫助，望採納！
Ⅹ 在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顯示。
注意：在電腦本機上沒法測試，一般把網頁放到伺服器上，用手機訪問可以定位。