网页获取地理位置
『壹』 获取地理位置怎么操作
代码如下:
/**
* 以下为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显示。
注意:在电脑本机上没法测试,一般把网页放到服务器上,用手机访问可以定位。