2

我已经阅读了堆栈上有关此问题的许多线程,但没有什么能解决我的问题。我在页面加载时最初隐藏的选项卡上有谷歌地图,希望得到一些帮助。这是完整的代码:

<script type="text/javascript"> 
  function loadsinglemap(){
  var mymap = new MeOnTheMap({
  container: "map_sidebar2",
  html: "<?php echo str_replace('"',"",$post->post_title); ?>",
  address: "<?php echo str_replace('"','',get_post_meta($post->ID, "map_location", true)); ?>",
  zoomLevel: 15,

  });                        
  } 

 jQuery(document).ready(function() {   loadsinglemap();  })

 </script>

This is on the page where the map is displayed:

<script type="text/javascript">
$(document).ready(function(){
$('a.contact').click(function(){
google.maps.event.trigger(mymap, 'resize');
});
});
</script>

我只是无法让它工作。如果有人看到有帮助的东西,请回复。谢谢

编辑:将元素选择器更改为一个类,并将我的链接更改为一个类而不是一个 ID,现在它至少可以选择它。我在萤火虫中收到“未定义 mymap”的错误。

4

3 回答 3

5

取消隐藏 div 后再次调用 initilize() 函数。我做到了,它奏效了。 JSFiddle

于 2015-10-01T09:40:46.473 回答
1

我发现不是隐藏 div 而是将它的高度/宽度设置为 0px;并将其溢出设置为隐藏。

帮助我希望它可以帮助你:)

于 2012-11-21T00:47:56.153 回答
-2

在此处查看 Roosko 的答案https://groups.google.com/forum/#!topic/google-maps-js-api-v3/aUrVnx-i7LI,它对我有用!

由于地图在模态框获得定义的大小之前加载,因此它将大小呈现为零。

<a href="#?w=500" rel="popup2" class="poplight" onClick="initialize()">
    <img src='images/location1.png' title='Location' alt='images/location2.png' />
</a> 

initilize()单击弹出窗口时,我调用了该函数。

于 2014-01-22T16:39:56.857 回答