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显示。
注意：在电脑本机上没法测试，一般把网页放到服务器上，用手机访问可以定位。