Javascript 当jQuery事件运行时,如何触发google地图调整大小?

Javascript 当jQuery事件运行时,如何触发google地图调整大小?,javascript,jquery,wordpress,google-maps,Javascript,Jquery,Wordpress,Google Maps,我正在使用Map List Pro插件为一个站点创建一个商店loacator,该插件显示在使用popup Maker插件创建的弹出窗口中 正在进行的版本:-单击“存储定位器”链接将其打开 当弹出窗口打开时,谷歌地图不会加载 Map List Pro插件的文档表明这是因为它最初在页面加载时隐藏: 它给出了两个代码片段来解决这个问题,但是说弹出式插件将有一个自定义事件,我需要将其添加到其中 这两个片段是: google.maps.event.trigger(MapListProMaps[0].map

我正在使用Map List Pro插件为一个站点创建一个商店loacator,该插件显示在使用popup Maker插件创建的弹出窗口中

正在进行的版本:-单击“存储定位器”链接将其打开

当弹出窗口打开时,谷歌地图不会加载

Map List Pro插件的文档表明这是因为它最初在页面加载时隐藏:

它给出了两个代码片段来解决这个问题,但是说弹出式插件将有一个自定义事件,我需要将其添加到其中

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

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

Popup Maker插件的文档中说,事件pumAfterOpen在弹出窗口打开后立即运行:

我没有足够(任何!)的jQuery/javascript知识来将这两个信息放在一起创建一个工作代码段,当弹出窗口打开时,它将触发地图的重新加载,我非常希望有人能够帮助我

非常感谢


汉娜

我在你的页面上尝试了以下内容:

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

jQuery(文档).ready(函数(){
jQuery(document).on('pumAfterOpen',函数(e){
jQuery(document).trigger({type:“resizeMap”});
});
});


由于谷歌API的授权问题,我看不到地图正在调整大小,但这应该足以让您走上正确的轨道。

我在您的页面副本上尝试了以下内容:

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

jQuery(文档).ready(函数(){
jQuery(document).on('pumAfterOpen',函数(e){
jQuery(document).trigger({type:“resizeMap”});
});
});


由于谷歌API的授权问题,我看不到地图正在调整大小,但这应该足以让您走上正确的道路。

Mike you's hero,这非常有效-非常感谢!:德米克,你是一个英雄,这一切都很成功-非常感谢D