如果我用jvectormap hide()创建一个地图,改变我的窗口宽度,然后show()它,它会将自己缩放为微小

时间:2014-01-20 04:23:55

标签: javascript jquery jvectormap

我创建了两个地图,一个显示,一个隐藏。我可以选择另一个地图,它会隐藏当前地图并显示另一个地图。

这是页面加载: http://imgur.com/4MJnrZH

如果我改变窗口大小甚至像素,它的外观如下: http://imgur.com/jzrli79

如果我不改变窗口大小,可以在两者之间切换。 更改窗口大小时,当前视图中的窗口大小将随窗口缩放(我将其宽度/高度作为其父级的百分比)并将按预期进行缩放。

提前致谢。

编辑:如果我在窗口很小的时候调整窗口大小,它会缩小自身以适应。

2 个答案:

答案 0 :(得分:0)

我不确定jvectormap如何使用%sizing,但我决定采用另一种方式来实现这一点。

我没有隐藏/显示来自jquery,而是更改了z-index以将感兴趣的地图移动到顶部(更高的z-index),基本上模仿了jquery隐藏/显示行为。这样做,我不得不将它们的位置改为绝对位置并将它们放入容器中,以便它们可以叠加在一起。

希望这有助于某人。

答案 1 :(得分:0)

我更改了" wordl-map.js"中的一些代码。我的同样问题已经解决了。第91行: 创建this.container时,必须设置宽度而不是100%'值。我写了this.params.container.width()和this.params.container.height()而不是' 100%'值。因为我想将容器的宽度设置为地图。