我创建了两个地图,一个显示,一个隐藏。我可以选择另一个地图,它会隐藏当前地图并显示另一个地图。
这是页面加载: http://imgur.com/4MJnrZH
如果我改变窗口大小甚至像素,它的外观如下: http://imgur.com/jzrli79
如果我不改变窗口大小,可以在两者之间切换。 更改窗口大小时,当前视图中的窗口大小将随窗口缩放(我将其宽度/高度作为其父级的百分比)并将按预期进行缩放。
提前致谢。
编辑:如果我在窗口很小的时候调整窗口大小,它会缩小自身以适应。
答案 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%'值。因为我想将容器的宽度设置为地图。