html5定位api_html css定位

hacker|
211

文章导读:

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

可以实现的,HTML5可以使用手机的GPS信息,利用百度等地图的开放API就可以了。

HTML5中可以通过IP,WIFI信息,GPS,来实现地理定位,当然相关精度也是有所不同,所以如果要精确导航就得使用GPS信息。

下面是一段HTML5结合百度地图API来获取位置的代码:

div id="allmap"/div当前定位地址:a id="du-gps"/aspan/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);

$("#du-gps").text(addComp.district+addComp.street+addComp.streetNumber);

});

}

else {

alert('failed'+this.getStatus());

}

},{enableHighAccuracy: true})

/script

HTML5怎么用高德地图API返回当前位置的经纬度

HTML5怎么用高德地图API返回当前位置的经纬度

开发指南第三章定位信息前半部分的代码实现的功能是:当手机采集的地理位置(经纬度)发生改变时在界面上显示出改变后的经纬度。如果开发过android原生定位程序的开发者应该对这部分代码不陌生,中规中矩,先注册位置监听服务,然后当位置发生改变后出发onLocationChanged()方法。现在请在官网上下载示例代码,导入工程后开启包com.amap.cn.apis.location中的MyLocation.java文件,该文件实现的主要功能是:初始化地图并且实现首次定位,地图会自动移动到定位点,我们一会便要基于这个文件来完成地图自动实时定位的功能。

html5地理定位api有哪些

地理位置定位的几种方式:IP地址,GPS,Wifi,GSM/CDMA地理位置获取流程:1、用户打开需要获取地理位置的web应用。2、应用向浏览器请求地理位置,浏览器弹出询问,询问用户是否共享地理位置。3、假设用户允许,浏览器从设别查询相关信息。4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。

HTML5地理地位的实现: 1. 实现基于浏览器(无需后端支持)获取用户的地理位置技术 2. 精确定位用户的地理位置( 精度最高达10m之内,依赖设备 ) 3. 持续追踪用户的地理位置 4. 与 Google Map、或者 Baidu Map 交互呈现位置信息。

HTML5中地理位置定位的方法

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

getCurrentPosition(success,error,option)方法最多可以有三个参数:第一个参数是成功获取位置信息的回调函数,它是方法唯一必须的参数;第二个参数用于捕获获取位置信息出错的情况,第三个参数是配置项。

******************************************获取自己当前的位置

(!DOCTYPE html)

(html xmlns="")

(head)

(meta http-equiv="Content-Type" content="text/html; charset=utf-8"/)

(title)H5地理位置Demo(/title)

(script src="" 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)

1条大神的评论

  • avatar
    访客 2022-07-08 上午 11:30:56

    (head)(meta http-equiv="Content-Type" content="text/html; charset=utf-8"/)(title)H5地理位置Demo(/title)(script src="" type="text/javascript")(/scri

发表评论