h5如何通过百度地图获取当前位置信息

2026-02-16 14:51:36

1、首先,引入百度地图库。

h5如何通过百度地图获取当前位置信息

2、第二步,通过BMap.Geolocation获取当前经纬度信息

new BMap.Geolocation().getCurrentPosition(

      function(r) {

        if (this.getStatus() == BMAP_STATUS_SUCCESS) {

          //通过Geolocation类的getStatus()可以判断是否成功定位。

          console.info(r.point);

        }

      },

      { enableHighAccuracy: true }

    );

h5如何通过百度地图获取当前位置信息

3、第三步,通过BMap.Geocoder获取当前街道信息

new BMap.Geocoder().getLocation(pt, function(rs) {

            var addComp = rs.addressComponents;

            console.info(addComp.province +addComp.city +addComp.district +addComp.street +addComp.streetNumber) });

h5如何通过百度地图获取当前位置信息

4、最后一步,也是非常重要的一步,不然的话不能准确的获取到位置信息。一定一定一定要用https协议,切记切记切记。不然位置信息获取不正确。

5、说明一点,如果使用的是其他的地图,如果在微信中使用自带的api去获取经纬度,那么要通过百度地图的逆地理编码解析需要注意坐标系的种类。需要提前将腾讯获取到的坐标转换成百度的坐标,然后再通过逆地理编码解析成位置信息

猜你喜欢