IE8 中的 Mapael 大小/调整大小问题

[编辑，发现问题...]
(我知道，为什么IE8和jquery 1.12.4......我必须支持它一段时间(
我想以 400px 宽显示一张美国地图，上面有几个点。使用最新的 Mapael (2.0.0( 示例，我从示例文件夹中修改了下面的代码。在FF，Chrome和IE 9 +中，它运行良好。在我需要支持的IE8中，地图是正常大小和裁剪的。似乎自动调整大小不起作用。可以使用下面的代码对此进行测试，并将仿真设置为 IE8。

我错过了什么吗？

法典。。。

    <!DOCTYPE html>
    <html>
    <head>
        <script src="https://code.jquery.com/jquery-1.12.4.min.js" charset="utf-8"></script>
        <!-- Doesn't work with IE8 -->
         //src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js" 
        <!-- Doesn't work with IE8 -->
        <!-- The correct one for IE8 -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js" charset="utf-8"></script>
        <!-- The correct one for IE8 -->
        <script src="https://rawgit.com/neveldo/jQuery-Mapael/2.0.0/js/jquery.mapael.min.js" charset="utf-8"></script>
        <script src="https://rawgit.com/neveldo/jQuery-Mapael/2.0.0/js/maps/usa_states.js" charset="utf-8"></script>
        <script type="text/javascript">
            $(function () {
                $(".mapcontainer").mapael({
                    map: {name: "usa_states"},
                    plots: {
                        'ny': {
                           latitude: 42.9538,
                            longitude: -75.5268,
                            tooltip: {content: "New York"},
                            value: [50]
                        }
                    }
                });
            });
        </script>
    </head>
    <body>
    <div class="container" style="width:400px;">
        <div class="mapcontainer">
            <div class="map">
            </div>
        </div>
    </div>
    </body>
    </html>

问题是我正在使用新的Raphael JS库。我需要使用较旧的。

不适用于 IE8：src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.0/raphael-min.js"

IE8的正确版本：src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"

相关内容

最新更新

热门标签：