Jquery 标记群集上未显示信息窗口

单击标记时，我试图在标记群集上显示信息窗口。但它不起作用

小提琴：

---

有人能帮我吗？

你需要通过css提供地图的高度和宽度

这是完整的代码

Html

<div id="map-view"></div>

js

$(document).ready(function(){
    initialization() 
});

function initialization() {

      var map = new google.maps.Map(document.getElementById('map-view'), {
        zoom: 3,
        center: {lat: 19.317779, lng: -91.459656},
        mapTypeId: 'roadmap',
      });
      map.setTilt(45);


      var labels = 'KLMNOPQRS';

      var contentString = '<div id="content">'+
          '<div id="siteNotice">'+
          '</div>'+
          '<h2 id="firstHeading" class="firstHeading">BMW 7 Series</h2>'+
          '<div id="bodyContent">'+
          '<p>Details goes here</p>' +
          '</div>';

      var infowindow = new google.maps.InfoWindow({
        content: contentString
      });


      var markers = locations.map(function(location, i) {

        var marker = new google.maps.Marker({
          position: location,
          label: labels[i % labels.length]
        });

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

        return marker;
      });


      var markerCluster = new MarkerClusterer(map, markers,
          {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
    }

var locations = [
{lat: 12.7781453358752, lng: -82.3715011598119},
{lat: 44.0026085052726, lng: -81.4873632217882},
{lat: 74.0086085052726, lng: -81.6873632217882}
];

$（文档）.ready（函数（）{
初始化（）
});
函数初始化（）{
var map=new google.maps.map（document.getElementById（'map-view'）{
缩放：3，
中心：{lat:19.317779，lng:-91.459656}，
mapTypeId:“路线图”，
});
地图.设置倾斜（45）；
var标签='KLMNOPQRS'；
var contentString=''+
''+
''+
“宝马7系”+
''+
“这里有详细信息
”+
'';
var infowindow=new google.maps.infowindow({
内容：contentString
});
var markers=locations.map（函数（位置，i）{
var marker=new google.maps.marker({
位置:位置,，
标签：标签[i%标签.长度]
});
marker.addListener（'click'，function（））{
信息窗口。打开（地图、标记）；
});
返回标记；
});
var markerCluster=新的MarkerClusterer（地图、标记、，
{imagePath:'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
}
变量位置=[
{拉丁美洲：12.7781453358752，液化天然气：-82.3715011598119}，
{拉丁美洲：44.002608502726，液化天然气：-81.4873632217882}，
{拉丁美洲：74.008608502726，液化天然气：-81.6873632217882}
];

小提琴不工作。您检查过了吗？@HardikSavani请现在检查。单击标记时，您如何在marker群集上显示信息窗口？你在点击什么标记？您不能单击群集中的，不在群集中的有自己的信息窗口。我原以为单击群集时，您会想在markercluster上打开一个信息窗口。为什么要添加宽度和高度？我的问题是infowindow？infowindo正在打开，但问题是地图没有显示，所以我给地图提供了高度和宽度，并将缩放比例减少到3，infowindow已经在运行您想要的功能，它对我有效，infowindow正在上面的fiddleLet上打开。

#map-view{
  height:500px;
  width:500px;
}

$(document).ready(function(){
    initialization() 
});

function initialization() {

      var map = new google.maps.Map(document.getElementById('map-view'), {
        zoom: 3,
        center: {lat: 19.317779, lng: -91.459656},
        mapTypeId: 'roadmap',
      });
      map.setTilt(45);


      var labels = 'KLMNOPQRS';

      var contentString = '<div id="content">'+
          '<div id="siteNotice">'+
          '</div>'+
          '<h2 id="firstHeading" class="firstHeading">BMW 7 Series</h2>'+
          '<div id="bodyContent">'+
          '<p>Details goes here</p>' +
          '</div>';

      var infowindow = new google.maps.InfoWindow({
        content: contentString
      });


      var markers = locations.map(function(location, i) {

        var marker = new google.maps.Marker({
          position: location,
          label: labels[i % labels.length]
        });

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

        return marker;
      });


      var markerCluster = new MarkerClusterer(map, markers,
          {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
    }

var locations = [
{lat: 12.7781453358752, lng: -82.3715011598119},
{lat: 44.0026085052726, lng: -81.4873632217882},
{lat: 74.0086085052726, lng: -81.6873632217882}
];