如何在Google Maps API中将街景缩略图添加到标记工具提示

var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
  zoom: 12 // 设置地图缩放级别
});

var marker = new google.maps.Marker({
  position: {lat: 37.7749, lng: -122.4194}, // 设置标记的经纬度
  title: 'San Francisco' // 设置标记的标题
});

var streetViewService = new google.maps.StreetViewService();
streetViewService.getPanorama({location: marker.getPosition()}, function(data, status) {
  if (status === 'OK') {
    // 获取到街景数据后，可以通过以下步骤将街景缩略图添加到标记工具提示中
    var panorama = data.location.pano;
    var panoOptions = {
      pano: panorama,
      pov: {
        heading: 0,
        pitch: 0
      },
      visible: true
    };
    var streetViewPanorama = new google.maps.StreetViewPanorama(
      document.getElementById('pano'), panoOptions);
    map.setStreetView(streetViewPanorama);
  } else {
    console.error('Street View data not found for this location.');
  }
});

marker.addListener('click', function() {
  var streetViewUrl = 'https://maps.googleapis.com/maps/api/streetview?size=300x200&location=' + marker.getPosition().lat() + ',' + marker.getPosition().lng();
  var content = '<div><img src="' + streetViewUrl + '"></div>';
  var infowindow = new google.maps.InfoWindow({
    content: content
  });
  infowindow.open(map, marker);
});