如何在按下mapView的指南针按钮时调用函数

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

// 初始化地图
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

// 创建指南针按钮
var compassBtn = document.createElement("button");
compassBtn.innerHTML = "指南针";
compassBtn.style.position = "absolute";
compassBtn.style.top = "10px";
compassBtn.style.left = "10px";
document.body.appendChild(compassBtn);

// 添加点击事件监听器
compassBtn.addEventListener("click", function() {
  // 调用自定义函数
  handleCompassBtnClick();
});

// 自定义函数
function handleCompassBtnClick() {
  // 获取地图当前角度或方向
  var mapRotation = map.getRotation();

  // 执行相应的处理，例如旋转地图视图到北方
  map.setRotation(0);

  // 可以使用动画效果使地图平滑过渡到目标方向
  map.setHeading(mapRotation, { duration: 500 });
}