百度地图js 定位并获得精确的地址信息

使用百度地图js api定位并获得精确地址:

var map = new BMap.Map("map");
var geolocation = new BMap.Geolocation();
//开启SDK辅助定位,仅当使用环境为移动web混合开发,且开启了定位sdk辅助定位功能后生效
geolocation.enableSDKLocation();
//调用getCurrentPosition函数
geolocation.getCurrentPosition(function(position) {
	point = position.point;
	console.log(point);
	$.ajax({
		url:"https://api.map.baidu.com/geocoder/v2/?callback=renderReverse&location="+point.lat+","+point.lng+"&output=json&pois=1&ak=你的key",
		type:"POST",
		dataType:"jsonp",
		success:function (res) {
			var address = res.result.formatted_address+'('+res.result.pois[0].addr+res.result.pois[0].name+')';
			alert(address);
			
		},
		error:function (e) {
			console.log(e);
			alert("错误");
		}
	});
});

注意:使用前需前往百度地图官网申请一个key,申请入口:http://lbsyun.baidu.com/apiconsole/key

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要实现在JS中打开百度地图并自动定位,同时也可以通过输入地址获取经纬度,可以借助百度地图的JavaScript API来完成。 首先,需要在HTML中引入百度地图的API库文件,并在页面中创建一个地图容器。接着,在JS代码中,通过使用百度地图Map对象和Geolocation对象来实现地图的自动定位。 具体步骤如下: 1. 在HTML中引入百度地图的API库文件,代码如下: ```html <script src="http://api.map.baidu.com/api?v=2.0&ak=您的百度地图API密钥"></script> ``` 2. 创建地图容器,代码如下: ```html <div id="map"></div> ``` 3. 在JS代码中实现地图的自动定位地址获取经纬度功能,代码如下: ```javascript // 初始化地图 var map = new BMap.Map("map"); // 开启地图的定位功能 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(result){ if (this.getStatus() == BMAP_STATUS_SUCCESS) { // 获取定位成功后的经纬度 var point = result.point; // 在地图上显示当前位置 map.centerAndZoom(point, 15); var marker = new BMap.Marker(point); map.addOverlay(marker); } else { // 定位失败时的处理 console.log('定位失败:' + this.getStatus()); } }); // 监听地址输入框的变化 var addressInput = document.getElementById("addressInput"); addressInput.addEventListener("input", function(){ var address = addressInput.value; // 根据地址获取经纬度 var geocoder = new BMap.Geocoder(); geocoder.getPoint(address, function(point){ if (point) { // 获取到经纬度后,在地图上显示对应位置 map.centerAndZoom(point, 15); var marker = new BMap.Marker(point); map.addOverlay(marker); } else { // 地址解析失败时的处理 console.log('地址解析失败'); } }); }); ``` 需要注意的是,上述代码中的"您的百度地图API密钥"需要替换成您自己申请的百度地图API密钥,以免引发访问限制或其他问题。 实现了以上代码后,打开页面就可以同时实现自动定位和输入地址获取经纬度的功能了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

专业前端小白

写了这么久文章,1分钱都没收到

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值