当前位置:首页 » 地理信息 » h5获取地理位置并保存

h5获取地理位置并保存

发布时间: 2021-03-03 08:19:22

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

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

2. 如何使用HTML5地理位置定位功能

地理位置获取流程:

1、用户打开需要获取地理位置的应用。

2、应用向浏览器请求地理位置,浏览器弹出询问窗口,询问用户是否共享地理位置。

3、假设用户允许,浏览器从设别查询相关信息。

4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。

检测浏览器支持:

JavaScript Code复制内容到剪贴板

function loadDemo() {
if(navigator.geolocation) {
document.getElementById(“support”).innerHTML = “HTML5 Geolocation supported.”;

} else {
document.getElementById(“support”).innerHTML = “HTML5 Geolocation is not supported in
your browser.”;
}
}

位置请求方式:

单次请求

JavaScript Code复制内容到剪贴板

navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, options);

回调函数updateLocation接受一个对象参数,表示当前的地理位置,它有如下属性:

latitude——纬度
longitude——精度
accuracy——精确度,单位米
altitude——高度,单位米
altitudeAccuracy——高度的精确地,单位米
heading—运动的方向,相对于正北方向的角度
speed——运动的速度(假设你在地平线上运动),单位米/秒

回调函数handleLocationError接受错误对象,error.code是如下错误号。

UNKNOWN_ERROR (error code 0) —— 错误不在如下三种之内,你可以使用error.message获取错误详细信息。
PERMISSION_DENIED (error code 1)—— 用不选择不共享地理位置
POSITION_UNAVAILABLE (error code 2) ——无法获取当前位置
TIMEOUT (error code 3) ——在指定时间无法获取位置会触发此错误。

第三个参数options是可选参数,属性如下:

enableHighAccuracy——指示浏览器获取高精度的位置,默认为false。当开启后,可能没有任何影响,也可能使浏览器花费更长的时间获取更精确的位置数据。
timeout——指定获取地理位置的超时时间,默认不限时。单位为毫秒。
maximumAge——最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。默认为0,表示浏览器需要立刻重新计算位置。

3. 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、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。

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

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

5. 如何将HTML5获取的GPS坐标写入数据库

function getLocation() {
//检查浏览器是否来支持地自理位置获取
if (navigator.geolocation) {
//若支持地理位置获取,成功调用showPosition(),失败调用showError
// alert("正在努力获取位置...");
var config = { enableHighAccuracy: true, timeout: 5000, maximumAge: 30000 };
navigator.geolocation.getCurrentPosition(showPosition, showError, config);
} else {

6. html5 如何获取地址位置

HTML5中获取地址可以使用 getCurrentPosition() 方法来获得用户的位置。

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。

下例是一个简单的地理定位实例:

<pid="demo">点击这个按钮,获得您的坐标:</p>
<buttononclick="getLocation()">试一下</button>
<script>
varx=document.getElementById("demo");
functiongetLocation()
{
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML=".";}
}
functionshowPosition(position)
{
x.innerHTML="Latitude:"+position.coords.latitude+
"<br/>Longitude:"+position.coords.longitude;
}
</script>

HTML5 是下一代的 HTML。有许多现在版本HTML中没有的新特性。

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

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

8. 如何使用HTML5获取用户GPS数据并把获取到的数据保存到某个文件

html5有个getCurrentPosition方法,可以获取用户的地理位置,然后还有两种存储方式

localStorage - 没有时间限制专的数据存属储
sessionStorage - 针对一个 session 的数据存储

具体的例子你可以查找一下

9. html5鼠标移动图片并保存当前位置

参考这个网页版权
http://www.w3school.com.cn/html5/html_5_draganddrop.asp

10. HTML5怎样获取地理位置 基本地理信息操作

HTML5怎样获取地理信息,如html5怎样获取ip地址,怎样实现导航定位,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、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。

热点内容
鹿特丹港国家地理 发布: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