在 Google Maps API 中，InfoWindow 对象用于创建信息窗口，这些窗口会在地图上显示信息。默认情况下，信息窗口的样式（如大小、边框、阴影等）是由 Google Maps 库提供的 CSS 控制的，不能直接通过 InfoWindow 的 API 来改变这些样式。

但是，可以通过以下几种方法来间接改变信息窗口的外观：

1. 自定义内容

你可以设置信息窗口的内容为一个自定义的 HTML 元素，这样你就可以通过 CSS 来控制样式了：

const infowindow = new google.maps.InfoWindow({
  content: '<div style="padding: 5px; background: white; border: 1px solid black;">你的内容</div>'
});

2. 设置 CSS 类

可以创建一个 CSS 类，并将其应用到信息窗口的内容上：

/* 在你的样式表中 */
.custom-infowindow {
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  border: none;
  /* 其他样式 */
}

// 在你的 JavaScript 中
const infowindow = new google.maps.InfoWindow();

// 设置信息窗口的内容
const content = document.createElement('div');
content.className = 'custom-infowindow';
content.innerHTML = '你的内容';

infowindow.setContent(content);

3. 监听domready事件

Google Maps API 会触发一个 domready 事件，当信息窗口的 DOM 元素准备好之后。可以监听这个事件来动态地添加样式：

infowindow.addListener('domready', function() {
  const infoWindow = this;
  const infoWindowPano = document.createElement('div');
  infoWindowPano.style.position = 'absolute';
  infoWindowPano.style.top = '100px';
  infoWindowPano.style.left = '15px';
  infoWindowPano.innerHTML = '你的内容';
  infoWindow.getPanes().floatPane.appendChild(infoWindowPano);
});

请注意，直接修改 Google Maps 信息窗口 DOM 元素的方法可能会违反 Google Maps API 的条款，因为它们可能会在未来的版本中发生变化。

注意

Google Maps API 的使用条款不鼓励修改其默认样式，因为这可能会影响用户的使用体验。在尝试修改样式之前，请确保已经阅读并理解了 Google Maps API 的使用条款。