百度地图怎么自定义多个div嵌套的复杂覆盖物

在百度地图中，自定义覆盖物需要继承`BMap.Overlay`类，并实现`initialize`和`draw`方法。要创建多个div嵌套的复杂覆盖物，可以在`initialize`方法中创建一个div元素，并在该元素中嵌套多个子元素，从而实现复杂的布局。然后在`draw`方法中设置覆盖物的位置和大小。

以下是一个简单的例子，创建一个包含多个子元素的复杂覆盖物：

function MyOverlay(point) {
  this._point = point;
}

MyOverlay.prototype = new BMap.Overlay();

MyOverlay.prototype.initialize = function(map) {
  var div = document.createElement("div");
  div.style.position = "absolute";
  div.style.width = "100px";
  div.style.height = "100px";
  div.style.backgroundColor = "white";
  div.style.border = "1px solid black";
  
  var child1 = document.createElement("div");
  child1.innerText = "Child Element 1";
  div.appendChild(child1);
  
  var child2 = document.createElement("div");
  child2.innerText = "Child Element 2";
  div.appendChild(child2);
  
  map.getPanes().labelPane.appendChild(div);
  this._div = div;
  
  return div;
}

MyOverlay.prototype.draw = function() {
  var map = this._map;
  var pixel = map.pointToOverlayPixel(this._point);
  this._div.style.left = pixel.x + "px";
  this._div.style.top = pixel.y + "px";
}

var map = new BMap.Map("container");
var point = new BMap.Point(116.404, 39.915);
var overlay = new MyOverlay(point);
map.addOverlay(overlay);

在该例子中，`MyOverlay`构造函数接受一个`BMap.Point`对象作为参数，表示覆盖物的位置。在`initialize`方法中，创建了一个包含两个子元素的div元素，并设置样式。然后将该div元素添加到`map.getPanes().labelPane`中，该方法返回的DOM元素必须是绝对定位的。最后将该div元素保存在`this._div`属性中，以便在`draw`方法中使用。在`draw`方法中，根据覆盖物的位置设置div元素的位置。

这只是一个简单的例子，实际中可能需要更复杂的布局，可以根据需要修改代码。