如何在隐藏区域显示地图(只需在正确的位置插入代码)

时间:2015-03-23 21:43:37

标签: javascript jquery google-maps maps hidden

我已经看过在隐藏div中显示地图的解决方案,但我不知道如何修复,不清楚在哪里插入代码(我是设计师,而不是程序员)。这是问题所在:Click here to see the post。它说要在代码中的某处放置google.maps.event.trigger(map, 'resize')以使地图在隐藏区域中工作。

那我在哪里把它放在我的代码中呢?有人可以帮我吗? 我试图在选择第2层时放置,但是甚至不显示输入字段。

我的代码:http://jsfiddle.net/4y42005t/

(由于jquery.geocomplete.js而无法在jsfiddle中工作)

1 个答案:

答案 0 :(得分:0)

您必须在执行$('#layer2').show();之后执行此操作,以便map_canvas将其值从x: 0,y: 0,w: 0,h: 0更新为x: 71,y: 8,w: 600,h: 400

然后您可以触发调整大小方法google.maps.event.trigger(map, 'resize');

我做了jsfiddle live demo