javascript - jQuery事件运行时如何触发Google map 调整大小？

我正在使用Map List Pro插件为网站创建商店定位器，该插件显示在使用Popup Maker插件创建的弹出窗口中。

正在进行的版本：https://beastsofbalance.com/pop-test-page/-单击“商店定位器”链接以将其打开

打开弹出窗口后，不会加载Google地图。

Map List Pro插件的文档表明这是因为它最初在页面加载时隐藏：http://www.maplistpro.com/documentation/only-part-of-the-map-shows-the-rest-is-grey/

它提供了两个代码段来解决该问题，但是说弹出插件将有一个自定义事件，我需要将此事件添加到其中。

这两个片段是：
google.maps.event.trigger(MapListProMaps[0].map, "resize");-用于单个地图

$(document).trigger({type: "resizeMap"});-适用于所有地图

Popup Maker插件的文档指出，事件pumAfterOpen在弹出窗口打开后立即运行：
http://docs.wppopupmaker.com/article/42-popup-maker-jquery-api

我没有足够的（任何！）jQuery / javascript知识来将这两部分信息放在一起以创建工作代码段，当打开弹出窗口时，该代码段将触发重新加载地图，我非常希望有人可能可以帮助我！

非常感谢

汉娜

最佳答案

我在您的页面副本上尝试了以下操作：

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(document).on('pumAfterOpen',function(e){
        jQuery(document).trigger({type: "resizeMap"});
    });
});

由于Google API的授权问题，我看不到地图的大小调整，但它足以使您走上正确的路。