百度地图定位BMap.GeolocationControl的用法

BMap.GeolocationControl 是百度地图API中的一个类，用于添加地理定位控件到地图上，以便用户可以通过该控件获取自己的当前位置。以下是 BMap.GeolocationControl 的用法示例：

首先，确保已经加载了百度地图API，并且创建了一个地图实例。然后使用以下代码将地理定位控件添加到地图上：

创建地理定位控件

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

// 创建地理定位控件
var geolocationControl = new BMap.GeolocationControl();

// 将控件添加到地图上
map.addControl(geolocationControl);
1
2
3
4
5
6
7
8

以上代码将在地图容器（mapContainer）上创建一个地图实例，并添加一个地理定位控件。用户可以通过单击控件来获取自己的当前位置，并将位置标记在地图上。

自定义控件的样式和定位

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

// 创建地理定位控件
var geolocationControl = new BMap.GeolocationControl();

// 设置控件样式
geolocationControl.anchor = BMAP_ANCHOR_TOP_RIGHT; // 定位到右上角
geolocationControl.offset = new BMap.Size(10, 10); // 偏移量

// 将控件添加到地图上
map.addControl(geolocationControl);
1
2
3
4
5
6
7
8
9
10
11
12

添加定位控件及定位事件

/ 添加定位控件
    var geolocationControl = new BMap.GeolocationControl({
        anchor: BMAP_ANCHOR_TOP_RIGHT,
        offset: new BMap.Size(10, 20)
    });
    map.addControl(geolocationControl);

    //绑定定位成功后事件
    geolocationControl.addEventListener("locationSuccess", function (e) {
        console.log(e.point.lng) //定位成功后调用逆地址解析函数
    });

    //绑定定位失败后事件
    geolocationControl.addEventListener("locationError", function (e) {
        map.centerAndZoom("杭州市", 17); //用城市名设置地图中心点
    });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

这个示例将地理定位控件定位在地图的右上角，并设置了偏移量。你可以根据自己的需求调整样式和位置。

请注意，使用 BMap.GeolocationControl 需要用户同意获取地理位置信息。因此，在添加控件之前，请确保你已经获得了用户的授权。

---

@漏刻有时