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) );
});
}
});
查看此更新