导航:首页 > 地理科目 > html5如何实现地理定位

html5如何实现地理定位

发布时间:2022-01-25 09:48:54

A. 如何使用html5地理定位api有哪些

html5中地理位置定位的方法

Geolocation API存在于navigator对象中,只包含3个方法:
1、getCurrentPosition //当前位置
2、watchPosition //监视位置
3、clearWatch //清除监视

getCurrentPosition(success,error,option)方法最多可以有三个参数:

第一个参数是成功获取位置信息的回调函数,它是方法唯一必须的参数;
第二个参数用于捕获获取位置信息出错的情况,
第三个参数是配置项。

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

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

C. html5地理定位api有哪些

地理位置定位的几种方式:IP地址,GPS,Wifi,GSM/CDMA地理位置获取流程:1、用户打开需要获取地理位置的web应用。2、应用向浏览器请求地理位置,浏览器弹出询问,询问用户是否共享地理位置。3、假设用户允许,浏览器从设别查询相关信息。4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。
HTML5地理地位的实现: 1. 实现基于浏览器(无需后端支持)获取用户的地理位置技术 2. 精确定位用户的地理位置( 精度最高达10m之内,依赖设备 ) 3. 持续追踪用户的地理位置 4. 与 Google Map、或者 Bai Map 交互呈现位置信息。
HTML5中地理位置定位的方法
Geolocation API存在于navigator对象中,只包含3个方法:1、getCurrentPosition //当前位置2、watchPosition //监视位置3、clearWatch //清除监视
getCurrentPosition(success,error,option)方法最多可以有三个参数:第一个参数是成功获取位置信息的回调函数,它是方法唯一必须的参数;第二个参数用于捕获获取位置信息出错的情况,第三个参数是配置项。
******************************************获取自己当前的位置
(!DOCTYPE html)
(html xmlns="http://www.w3.org/1999/xhtml")
(head)
(meta http-equiv="Content-Type" content="text/html; charset=utf-8"/)
(title)H5地理位置Demo(/title)
(script src="http://api.map..com/api?v=1.3" type="text/javascript")
(/script)
(/head)
(body)
(div id="aaa" style="border:#ccc solid 1px" width:"697px" height:"500px")(/div)
(script type="text/javascript")
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(function (p) {
var latitude = p.coords.latitude//纬度
var longitude = p.coords.longitude;
createmap(latitude, longitude);

}, function (e) {//错误信息
var aa = e.code + "\n" + e.message;
alert(aa);
}
);
}
function createmap(a,b)
{
var map = new BMap.Map("aaa");
var point = new BMap.Point(b, a);
map.centerAndZoom(point, 20);//设置地图的中心点和坐标
Window.map = map;//将map变量存储在全局

}
(/script)
(/body)
(/html)

D. html5地理定位api怎么连接百度地图

可以实现的,HTML5可以使用手机的GPS信息,利用网络等地图的开放API就可以了。
HTML5中可以通过IP,WIFI信息,GPS,来实现地理定位,当然相关精度也是有所不同,所以如果要精确导航就得使用GPS信息。
下面是一段HTML5结合网络地图API来获取位置的代码:

<div id="allmap"></div>当前定位地址:<a id="-gps"></a><span></span></div>
<script>
var map = new BMap.Map("allmap");
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition(function(r){
if(this.getStatus() == BMAP_STATUS_SUCCESS){
map.panTo(r.point);
//alert('您的位置:'+r.point.lng+','+r.point.lat);
var pt = r.point;
var geoc = new BMap.Geocoder();
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
$("#-gps").text(addComp.district+addComp.street+addComp.streetNumber);
});
}
else {
alert('failed'+this.getStatus());
}
},{enableHighAccuracy: true})
</script>

E. 怎样使用HTML5地理位置定位功能

HTML5本身提供了地理位置定位功能,能确定用户位置,借助网络、谷歌地图接口来获取用户准确的地理位置信息,开发基于地理位置信息的应用。
在支持HTML5的现代浏览器上运行,特别是手持设备,地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然选择允许即可。

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

G. html5地理定位如何用

看看这边html5地理位置的介绍:http://www.w3cschool.cc/html/html5-geolocation.html

H. html5实现地图上定位导航路线

HTML5+JQM即可实现

参考方法:
1.先去通过网络拾取坐标系统获得点位的坐标
http://api.map..com/lbsapi/getpoint/index.html

2.在网页的<head>中插入网络API引用脚本。
<script type="text/javascript" src="http://api.map..com/api?

key=&v=1.1&services=true"></script>

3.在网页的</body>之后</html>之前插入地图显示代码

4.设置显示地图的div的id为“dituContent”,即添加 id="dituContent"
由于jqm的div的高度都是根据内容自由放大的,所以为了地图能正常显示,还需要

增加一个高度值,一般情况600px就可以

注意事项:

1. var point = new BMap.Point(120.524011,36.395728); 这是定义中心店坐标

2. map.centerAndZoom(point,15); 这个据我调试 应该是控制地图比例缩放的

3. window.setTimeout(function(){map.panTo(point);}, 1000);注意了 一般的

demo是没有这个东西滴,所以呢当跳转到地图的页面时候 是不会显示你定位的中心

点的 但是由于我的聪明和机智 各种装孙子求助大神 才得知了这个大神不削一顾

的属性 :设定地图加载后1秒调至中心点 。。最后强调下

低调 一定要低调。。。

4. function createIcon(json){
var icon = new BMap.Icon("images/map_icon.png", new BMap.Size

(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-

json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size

(json.x,json.h)})
return icon;
} 这里就是创建一个icon

5. var markerArr = [{title:"西程村",content:"青岛市即墨市蓝鳌路 电话:

123123123213",point:"120.524011|36.395728",isOpen:0,icon:

{w:32,h:32,l:0,t:0,x:6,lb:5}}]; 这里呢 就是设置定位的信息

I. html5提供的地理定位功能能实现精确导航吗


J. html5如何实现地理位置定位原理

Geolocation API,智能机等有GPS的通过GPS和网络节点获取位置,电脑只通过网络节点获取位置,所以电脑定位一般不太准

阅读全文

与html5如何实现地理定位相关的资料

热点内容
word中化学式的数字怎么打出来 浏览:699
乙酸乙酯化学式怎么算 浏览:1368
沈阳初中的数学是什么版本的 浏览:1314
华为手机家人共享如何查看地理位置 浏览:1007
一氧化碳还原氧化铝化学方程式怎么配平 浏览:844
数学c什么意思是什么意思是什么 浏览:1365
中考初中地理如何补 浏览:1256
360浏览器历史在哪里下载迅雷下载 浏览:667
数学奥数卡怎么办 浏览:1345
如何回答地理是什么 浏览:987
win7如何删除电脑文件浏览历史 浏览:1018
大学物理实验干什么用的到 浏览:1444
二年级上册数学框框怎么填 浏览:1656
西安瑞禧生物科技有限公司怎么样 浏览:811
武大的分析化学怎么样 浏览:1208
ige电化学发光偏高怎么办 浏览:1296
学而思初中英语和语文怎么样 浏览:1602
下列哪个水飞蓟素化学结构 浏览:1383
化学理学哪些专业好 浏览:1448
数学中的棱的意思是什么 浏览:1014