javascript - Google Maps API 街景 View 未按模式调整大小

Question

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

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

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

查看此更新 jsFiddle