如何更改Google Maps API控件的大小？

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>

function initMap() {
  var mapOptions = {
    center: { lat: 37.7749, lng: -122.4194 }, // 设置地图中心点的经纬度
    zoom: 12, // 设置地图缩放级别
    disableDefaultUI: true // 禁用默认的地图控件
  };

  var map = new google.maps.Map(document.getElementById('map'), mapOptions);

  // 创建自定义控件
  var customControl = document.createElement('div');
  customControl.style.width = '100px'; // 设置控件的宽度
  customControl.style.height = '100px'; // 设置控件的高度
  customControl.style.backgroundColor = 'red'; // 设置控件的背景颜色

  // 将自定义控件添加到地图上
  map.controls[google.maps.ControlPosition.TOP_RIGHT].push(customControl);
}

<div id="map" style="width: 100%; height: 400px;"></div>