百度地图封装实现拉框效果

实现百度地图的拉框效果，需要使用百度地图提供的API进行封装。以下是实现步骤：

1. 在HTML文件中引入百度地图API的JS文件。

2. 创建地图容器，并初始化地图。

var map = new BMap.Map("mapContainer");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

3. 创建拉框控件，并添加到地图中。

var myDrag = new BMapLib.RectangleZoom(map, {
  zoomType: 1, // 拉框放大
  strokeWeight: 2, // 边框宽度
  strokeColor: "#111", // 边框颜色
  fillColor: "#ccc", // 填充颜色
  followText: "拖拽鼠标进行操作" // 提示文字
});
myDrag.open(); // 开启拉框控件

4. 监听拉框事件，并获取拉框范围。

myDrag.addEventListener("zoomend", function(rect){
  var sw = rect.getBounds().getSouthWest(); // 范围左下角
  var ne = rect.getBounds().getNorthEast(); // 范围右上角
  console.log("范围：", sw.lng, sw.lat, ne.lng, ne.lat);
});

通过以上步骤，就可以在百度地图中实现拉框效果。