Google Maps API Street View 未在模态上调整大小

【问题标题】：Google Maps API Street View not resizing on modalGoogle Maps API Street View 未在模态上调整大小
【发布时间】：2017-08-28 14:29:51
【问题描述】：

我正在模态框上输出街景地图。目前，在调整窗口大小之前，它只会显示黑色。我尝试在按钮单击时使用google.maps.event.trigger(map, "resize"); 方法，但似乎无法正常工作。

$("#myBtn").on( 'click', function(){
    google.maps.event.trigger(map, "resize"); //Tried to resize here on button click.
 });

见jsFiddle

【问题讨论】：

标签： javascript jquery google-maps google-maps-api-3 google-street-view

【解决方案1】：

您尝试在页面加载时加载地图并在按钮单击时显示它，这不是一个好主意！相反，您可以在单击按钮时加载地图，以便地图将根据可用的视口进行调整。

$("#myBtn").on( 'click', function(){
   if(map == null){
     $('.google-map-street').each(function(){
        // create map
        map = new_map( $(this) );
     });
   }
});

查看此更新jsFiddle

【讨论】：