Google 地图 API 街景未在模态上调整大小

Question

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

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

见jsFiddle

Answer 1

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

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

查看此更新jsFiddle