Question

我正在输出模态的街景地图。目前它只会在调整窗口大小之前显示黑色。我试图在按钮点击时使用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

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

1 个答案: