js获取百度html,javascript使用百度地图api和html5特性获取浏览器位置

这段代码展示了如何利用JavaScript的geolocation API获取用户的经纬度,并通过BMap地图API展示详细的地址信息。当用户点击按钮时,如果浏览器支持地理定位,将弹出包含省、市、区和街道的地址。
摘要由CSDN通过智能技术生成

5268f80b9b1e01f982625ef6fac83ca1.png

代码如下:

点击这个按钮,获得您的位置:

试一下

var x=document.getElementById("demo");

function getLocation(){

if(navigator.geolocation){

navigator.geolocation.getCurrentPosition(showPosition);

}else{

alert("您的浏览器不支持地理定位");

}

}

function showPosition(position){

lat=position.coords.latitude;

lon=position.coords.longitude;

//var map = new BMap.Map("container");            // 创建Map实例

var point = new BMap.Point(lon, lat);    // 创建点坐标

//map.centerAndZoom(point,15);                     //

//map.enableScrollWheelZoom();

var gc = new BMap.Geocoder();

gc.getLocation(point, function(rs){

var addComp = rs.addressComponents;

alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street);

});

}

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值