Angular GoogleMaps标记InfoWindow滚动条未隐藏

是指在使用Angular和Google Maps API时，标记的InfoWindow中的滚动条没有被正确隐藏的问题。

解决这个问题的方法是通过自定义CSS样式来隐藏滚动条。可以使用以下步骤来解决该问题：

在Angular项目中的CSS文件中添加以下样式：

.gm-style-iw {
  overflow: hidden !important;
}

在使用Google Maps API的组件中，通过设置InfoWindow的maxWidth属性来限制InfoWindow的宽度，以避免出现滚动条。例如：

const infoWindow = new google.maps.InfoWindow({
  content: '<div style="max-width: 200px;">InfoWindow Content</div>'
});

这样设置后，InfoWindow的宽度将被限制在200像素以内，从而避免出现滚动条。

如果以上方法无效，可以尝试使用Angular的ViewChild装饰器来获取到InfoWindow的DOM元素，并通过修改其样式来隐藏滚动条。例如：

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-map',
  template: `
    <div #mapContainer></div>
  `
})
export class MapComponent {
  @ViewChild('mapContainer', { static: true }) mapContainer: ElementRef;

  // ...

  hideInfoWindowScrollbar() {
    const infoWindowElement = this.mapContainer.nativeElement.querySelector('.gm-style-iw');
    if (infoWindowElement) {
      infoWindowElement.style.overflow = 'hidden';
    }
  }
}

在上述代码中，通过ViewChild装饰器获取到了mapContainer元素的引用，并在hideInfoWindowScrollbar方法中找到了InfoWindow的DOM元素，并将其overflow样式设置为hidden，从而隐藏滚动条。

以上是解决Angular GoogleMaps标记InfoWindow滚动条未隐藏的方法。希望对你有帮助！如果有其他问题，请随时提问。