Question

我能够在没有IE 9问题的情况下加载地图，但是在使用FF 31进行测试时，我无法让地图加载到原来的地方。使用Firebug，它报告了一个

 Unexpected value scale(0) translate(Infinity, 0) parsing transform attribute.

这似乎与实际地图有关，而不是我的实施。我目前的实施如下：

         $('#map').vectorMap({
        map: 'us_aea_en',
        backgroundColor: "#728DA5",
        onRegionLabelShow: function (e, el, code) {
            el.html(el.html());
        }, onRegionClick: function (event, code) {
            var map = $('#map').vectorMap('get', 'mapObject');
            showAgencies(map.getRegionName(code));
        }
    });

我有这张地图：http://jvectormap.com/js/jquery-jvectormap-us-aea-en.js作为要使用的地图，它在实际的实现脚本之前加载。就像我说的那样，它在IE中运行良好，只需对页面进行一些调整即可。

我可能会遗漏一些小事，但对于我的生活，我真的不知道在哪里。

Answer 1

问题已解决。好吧，真正的解决方案。问题是Jvectormap在动态宽度和高度方面表现不佳。我在div容器上使用了85％的高度。我将其设置为一个，然后在Java doc ready中使用此代码将其设置为正确的大小，同时考虑到其他元素

 $("#map").css("height", $(document).height() - 120); // Hot fix for cross browser support

结果页面在IE 9，FF 31，Opera和Chrome中无法正常使用。

使用firefox的jvectormaps会导致意外错误

1 个答案: