使用JQuery Vector Map加载svg文件

时间:2012-04-04 09:51:00

标签: svg jvectormap

我正在使用JQuery Vector Map加载svg文件,但我得到以下内容

Uncaught TypeError: Cannot read property 'width' of undefined

实际上问题是它无法从svg文件中读取。有人知道$('#africa').vectorMap();要阅读它需要做什么。

<html>
            <head>
                    <title>Testing Map</title>
                    <script src="jquery.vector-map/jquery-1.6.min.js" type="text/javascript"></script>
                    <link href="jquery.vector-map/jquery.vector-map.css" media="screen" rel="stylesheet" type="text/css" />
                    <script src="jquery.vector-map/jquery.vector-map.js" type="text/javascript"></script>
                    <script  type="text/javascript">
                            $(function()
                            {
                                    $('#africa').vectorMap();
                            });
                    </script>
            </head>
            <body>
                 <div id="africa">
                    <embed src="africa.svg"/>
                 </div>
            </body>
    </html>

1 个答案:

答案 0 :(得分:1)

您无法使用SVG文件来呈现非洲地图。很快,我即将发布新的jVectorMap网站,其中将提供许多从GIS数据转换而来的新地图。我在这里工作https://github.com/bjornd/jvectormap-site