js获取地理位置

发布时间: 2021-02-05 00:59:59

❶ 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怎么获得div的位置

先获取到div元素
用offsetTop和offsetLeft获取div相对顶部和左边的距离

代码如下回：

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<divid="div1">第一个div</div>
<script>
vardiv1=document.getElementById("div1");
alert("距顶:"+div1.offsetTop+",距左答:"+div1.offsetLeft);
</script>
</body>
</html>

❸ 在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显示。

注意：在电脑本机上没法测试，一般把网页放到服务器上，用手机访问可以定位。

❹ javascript获得地理位置如何将函数内部变量转换为独立普通变量

有些概念性错误，这不是变量转换的问题。

showPosition是一个异步回调方法，所谓异步就是简单来说就是会立即发起请求，但程序并不会等待响应，下面的代码就会继续执行，也就是说你最后的alert(x);其实是在还没有得到地理位置时就已经执行完成了，所以还是原值。

你看下我这个等10秒后弹出看看，是不是就可以了？

varx="";
getLocation();
functiongetLocation()
{
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{alert(".");}
}
functionshowPosition(position)
{
x="Latitude:"+position.coords.latitude+"<br/>Longitude:"+position.coords.longitude;
}
setTimeout(function(){alert(x);},1000*10);

❺ js微信获取地理位置的接口怎么用

微信官方文档来解释如下：

公众号源须开通“上报地理位置”的接口；
用户在关注后进入公众号会话时，会弹框让用户确认是否允许公众号使用其地理位置。（弹框只在关注后出现一次，用户以后可以在公众号详情页面进行操作）

用户同意上报地理位置后，每次进入公众号会话时，都会在进入时上报地理位置，上报地理位置以推送XML数据包到开发者填写的URL来实现。

推送XML数据包示例：

<xml>
<ToUserName><![CDATA[toUser]]></ToUserName>
<FromUserName><![CDATA[fromUser]]></FromUserName>
<CreateTime>123456789</CreateTime>
<MsgType><![CDATA[event]]></MsgType>
<Event><![CDATA[LOCATION]]></Event>
<Latitude>23.137466</Latitude>
<Longitude>113.352425</Longitude>
<Precision>119.385040</Precision>
</xml>

第三方在收到地理位置上报信息之后，只需要回复success表明收到即可（不允许回复消息给粉丝）

❻ html5怎么实现调用gps获取地理位置具体代码

1、网络直接搜【网络地图调用】，点击出现的第二个网站，进入这个网站即可回。

❼ JS获取地理位置要求获取信息如下

设置或抄获取对象指定的袭文件名或路径。设置或获取整个 URL 为字符串。设置或获取与 URL 关联的端口号码。设置或获取 URL 的协议部分。设置或获取 href 属性中在井号“#”后面的分段。设置或获取 location 或 URL 的 hostname 和 port 号码。设置或获取 href 属性中跟在问号后面的部分。

❽ js中如何得到客户端的地理位置

手机WEB定位方法：代码。

var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调

//首先设置默认城市

var defCity = {

id: '000001',

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: '',

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',

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: '',

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',

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实现方法：

采用腾讯提供的接口，这个目前已经不能使用。

document.write(IPData[0]); //显示IP地址

document.write(IPData[2]); //显示省

document.write(IPData[3]); //显示市

</script>

3 .获取客户端IP方法

var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();

$.getJSON(url, function(data) {

alert(data.Ip);

});

</script>

❾ 怎么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显示。

注意：在电脑本机上没法测试，一般把网页放到服务器上，用手机访问可以定位。

❿ 手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码

手机js页面实现一键定位，并且把获取的地理位置显示到文本框中代码如下：

var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调

//首先设置默认城市

var defCity = {

id: '000001',

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: '',

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',

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: '',

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',

date: curDateTime()

};

//默认城市

$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' });

};

阅读全文

热点内容

鹿特丹港国家地理发布：2021-03-15 14:26:00 浏览：571

地理八年级主要的气候类型发布：2021-03-15 14:24:09 浏览：219

戴旭龙中国地质大学武汉发布：2021-03-15 14:19:37 浏览：408

地理因素对中国文化的影响发布：2021-03-15 14:18:30 浏览：724

高中地理全解世界地理发布：2021-03-15 14:16:36 浏览：425

工地质检具体干些什么发布：2021-03-15 14:15:00 浏览：4

东南大学工程地质考试卷发布：2021-03-15 14:13:41 浏览：840

中国地质大学自动取票机发布：2021-03-15 14:13:15 浏览：779

曾文武汉地质大学发布：2021-03-15 14:11:33 浏览：563

中国冶金地质总局地球物理勘察院官网发布：2021-03-15 14:10:10 浏览：864

js获取地理位置

与js获取地理位置相关的资讯