Question

目前，我正在开发一个播放插件"JVectorMap"的网页。

我使用的是最新版本，您可以找到here：

它适用于FireFox，Chrome以及IE9和IE10。

我的问题

尽管如此，我需要工作 IE8 ，我无法让它发挥作用！它只是在显示器上显示一个空白页面，在所有其他浏览器中，它们向我展示了具有所需特征的整个地图。

有人经历过类似的事情还是有猜测？

非常感谢！

Answer 1

来自jQuery矢量地图论坛

论坛上的Accepter答案。

不要使用最小化的vmap文件“jquery.vmap.min.js” - 它已损坏或其他东西。如果你使用常规的“jquery.vmap.js”文件，地图应该在IE8中正常工作。问题是地图只是一个蓝色的框，或根本没有渲染。使用非最小化文件修复它。

解决方案1 

所以只需更改常规文件jquery.vmap.js

即可

解决方案2

删除JS文件第467行的if语句：

if (!regionClickEvent.isDefaultPrevented()) {}

解决方案3

在源文件“jquery.vmap.js”中，您可以替换一些"coords.join(',')"

通过以下基本代码：

coords[0] + ',' + coords[1]

Answer 2

我可能有一个可能导致某人实际修复的解决方法/黑客，我偶然发现如果我编辑IE开发人员工具中的HTML，这个问题就会消失。所以我使用了一个带有超时的函数，该函数将地图html分离，然后将其附加回页面。但是地图随后丢失了背景颜色，因此我也不得不手动触发各个区域的悬停事件。

function RefreshMap(){
     var html= $('#map1').detach(); 
     $('#mapContainer2').append(html);
     $('.jvectormap-region').trigger('mouseover').trigger('mouseout');
}
setTimeout(RefreshMap,1000);

在IE8中测试jvectormap.com

2 个答案: