百度地图定位获取当前位置

最新推荐文章于 2023-07-18 17:30:48 发布

qq_43561241

最新推荐文章于 2023-07-18 17:30:48 发布

阅读量729

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：获取当前位置定位

本文链接：https://blog.youkuaiyun.com/qq_43561241/article/details/83931659

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用百度地图API v2.0进行地理位置定位。首先，需在百度地图控制台创建应用并获取密钥。然后，在项目中引入百度地图JS，使用Geolocation对象获取当前位置，解析地址组件获取详细位置信息。

1.百度地图api地址：http://lbsyun.baidu.com/index.php?title=jspopular

该项目中使用的是JavaScript API v2.0

先在百度地图的控制台创建应用，选择相应的权限，创建成功后就能得到相应的密钥

在public的index.html中用script标签直接引入百度地图的js

//通过百度地图获取当前定位
	var geolocation = new BMap.Geolocation();
	var geoc = new BMap.Geocoder();    
	geolocation.getCurrentPosition(function(r){	
		// r为当前位置的获取到的对象，里面有各类属性
		console.log(r) 

		geoc.getLocation(r.point, function(rs){
		    var addComp = rs.addressComponents;
		    //打印当前位置的省、市、区、街道、街道号
		    // console.log(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
		    // addComp.district; 当前位置所在区
			that.setCity(addComp.district)   
		});     
	},{enableHighAccuracy: true})