Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API街景未在modal上调整大小_Javascript_Jquery_Google Maps_Google Maps Api 3_Google Street View - Fatal编程技术网

Javascript 谷歌地图API街景未在modal上调整大小

Javascript 谷歌地图API街景未在modal上调整大小,javascript,jquery,google-maps,google-maps-api-3,google-street-view,Javascript,Jquery,Google Maps,Google Maps Api 3,Google Street View,我正在模态上输出街景地图。当前,在调整窗口大小之前,它将仅显示黑色。我曾尝试使用google.maps.event.trigger(map,“resize”)

我正在模态上输出街景地图。当前,在调整窗口大小之前,它将仅显示黑色。我曾尝试使用
google.maps.event.trigger(map,“resize”)
$("#myBtn").on( 'click', function(){
    google.maps.event.trigger(map, "resize"); //Tried to resize here on button click.
 });

请参见您尝试在页面加载中加载地图并在按钮单击时显示,这不是一个好主意!相反,您可以在单击按钮时加载贴图,这样贴图将根据可用的视口进行调整

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