地图中怎么修改tinfowindow的样式

如果你是使用 Google Maps JavaScript API 生成地图，你可以通过以下步骤修改 InfoWindow 样式：

1. 定义一个 CSS 类来设置 InfoWindow 样式。例如：

.custom-info-window {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 200px;
}

2. 创建 InfoWindow 并将其绑定到标记上。例如：

var marker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  title: 'My Marker'
});

var infowindow = new google.maps.InfoWindow({
  content: '<div class="custom-info-window">Custom Info Window Content</div>'
});

marker.addListener('click', function() {
  infowindow.open(map, marker);
});

在上面的代码中，我们通过 `content` 属性将自定义的 HTML 内容添加到 InfoWindow 中，并且在 `addListener` 方法中指定了点击标记时打开 InfoWindow。

3. 最后，在 CSS 中使用 `!important` 关键字强制应用自定义样式。例如：

.gm-style-iw div.custom-info-window {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  padding: 10px !important;
  width: 200px !important;
}

在上面的代码中，我们使用 `.gm-style-iw` 类选择器来选择 InfoWindow 中的元素，并使用 `!important` 关键字强制应用样式。

这样就可以自定义 InfoWindow 样式了。