如何使用Gmaps4rails gem自定义地图控件？

// 定义一个自定义控件类
function MyCustomControl() {
  this.controlDiv = document.createElement('div');
  this.controlDiv.style.margin = '10px';

  // 在控件中添加一个按钮
  var controlUI = document.createElement('div');
  controlUI.style.backgroundColor = '#fff';
  controlUI.style.border = '2px solid #fff';
  controlUI.style.borderRadius = '3px';
  controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';
  controlUI.style.cursor = 'pointer';
  controlUI.style.marginBottom = '22px';
  controlUI.style.textAlign = 'center';
  controlUI.title = 'Click to do something';
  this.controlDiv.appendChild(controlUI);

  // 在按钮中添加一个图标
  var controlText = document.createElement('div');
  controlText.style.color = 'rgb(25,25,25)';
  controlText.style.fontFamily = 'Roboto,Arial,sans-serif';
  controlText.style.fontSize = '16px';
  controlText.style.lineHeight = '38px';
  controlText.style.paddingLeft = '5px';
  controlText.style.paddingRight = '5px';
  controlText.innerHTML = 'Custom Control';
  controlUI.appendChild(controlText);

  // 设置控件的点击事件
  google.maps.event.addDomListener(controlUI, 'click', function() {
    // 在这里添加控件的点击事件处理逻辑
  });
}

// 在地图上添加自定义控件
function addCustomControlToMap(map) {
  var customControl = new MyCustomControl();
  map.controls[google.maps.ControlPosition.TOP_RIGHT].push(customControl.controlDiv);
}