使用百度地图api，在地图上添加信息弹窗和按钮

要在百度地图API上添加信息弹窗和按钮，可以按照以下步骤进行：

1. 创建信息窗口和按钮的 HTML 代码，如下所示：

<div id="map"></div>

<!-- 信息窗口 -->
<div id="infoWindow" style="display:none;width:200px;height:100px;">
  <p>这里是信息窗口</p>
  <button id="btn">点击按钮</button>
</div>

在上面的代码中，我们创建了一个 id 为 "infoWindow" 的 div 元素，用于显示信息窗口。信息窗口中包括一段文字和一个 id 为 "btn" 的按钮。

2. 初始化地图，并添加信息窗口和按钮到地图中，如下所示：

<script type="text/javascript">
  // 初始化地图
  var map = new BMap.Map("map");
  map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
  
  // 创建信息窗口
  var infoWindow = new BMap.InfoWindow(document.getElementById("infoWindow"));
  map.openInfoWindow(infoWindow, new BMap.Point(116.404, 39.915));  // 显示信息窗口
  
  // 创建按钮和按钮事件
  var btn = document.getElementById("btn");
  btn.onclick = function() {
    alert("点击了按钮");
  };
  var btnOverlay = new BMap.Control();
  btnOverlay.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;
  btnOverlay.setOffset(new BMap.Size(10, 10));
  btnOverlay.setHtml('<button id="btn">点击按钮</button>');
  map.addControl(btnOverlay);
</script>

在上面的代码中，我们创建了一个信息窗口，并将其显示在地图上。然后创建了一个 id 为 "btn" 的按钮，并添加了一个点击事件。接着创建了一个 BMap.Control 对象，并将其设置为左上角，并设置了偏移量和 HTML 内容，最后将按钮添加到地图中。

3. 添加弹窗和按钮的样式，如下所示：

<style type="text/css">
  #infoWindow p {
    margin: 10px;
    font-size: 16px;
  }
  #infoWindow button {
    display: block;
    margin: 10px auto;
    padding: 5px 10px;
    background-color: #0099FF;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  .BMap_control button {
    display: block;
    margin: 10px auto;
    padding: 5px 10px;
    background-color: #0099FF;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
</style>

在上面的代码中，我们设置了信息窗口和按钮的样式，使其更加美观。